/* update on 22 Mar 2011, BODY BACKGROUNDS */ body{color:#4d4d4d;} body.home{background-color:#f9f9f9;} /*body.home{background:url(../images/bg_home.gif) top left repeat-x; height:100%; width:100%;}*/ body.grey{background:#F2F2F2;} body.grey { background-color: #F2F2F2 } body.green { background-color: #B3CA35 } body.orange { background-color: #FF7A00 } body.purple { background-color: #80379B } body.pink { background-color: #C3009E } body.turquoise { background-color: #00B2A9 } body.royal { background-color: #0073CF } body.myepson { background-color: #DB4D69 } /*body.home { background: #fff url(../images/bak_home.gif) repeat-x 0 0 }*/ body.pro { background:#4d4d4d url(../images/bak_professional.png) repeat-x 0 0; color:#E1E1E1 } body.business { background: #686868 url(../images/bak_business_gradient.png) repeat-x 0 0 } body.solutions, body.epsonworld, body.fullimage { background:#fff none } body.solutions #wrapper, body.epsonworld #wrapper, body.fullimage #wrapper { padding:0 30px; } body div { margin:auto; text-align:left; } /* Layout Elements */ #wrapper{width:940px; margin:0 auto;} /* HEADER */ #header{ margin-bottom:0px; position:relative; z-index:99;} /* Select Country (courtesy : epson.co.uk) */ #UserLinks { margin-bottom:5px; text-align:right; } #UserLinks ul { margin:0; margin-right:-10px; padding-top:5px;} #UserLinks ul li { border-left:0px solid #D9D9D9; display:inline; font-size:1em; padding:0pt 10px; text-transform:uppercase;} #UserLinks ul li:first-child { border-left:medium none; } body.grey #UserLinks ul li, body.home #UserLinks ul li { border-color:#999999; color:#E1E1E1; } #UserLinks ul li a, #UserLinks ul li label, #UserLinks ul li strong { color:#FFFFFF; font-size:0.8em; } #UserLinks ul li strong { margin-right:10px; } #UserLinks ul li select{font-size:0.8em;} body.pro #UserLinks ul li a, body.pro #UserLinks ul li label { color:#E1E1E1; } body.home #UserLinks ul li a, body.home #UserLinks ul li label, body.grey #UserLinks ul li a, body.grey #UserLinks ul li label { color:#4D4D4D; } #UserLinks ul li#selCountryDropdown a { background:transparent url(../images/ico_arrowdown_white.png) no-repeat scroll right center; padding:0pt 12px 0pt 0pt; } #UserLinks ul li#selCountryDropdown {border-left-width:1px; } body.grey #UserLinks ul li#selCountryDropdown a, body.home #UserLinks ul li#selCountryDropdown a { background-image:url(../images/ico_arrowdown_grey.png); } #UserLinks .selCountryContainer { text-align:left; } #UserLinks .selCountryContainer .content { padding:0pt 5px;} .selCountryContainer { width:222px; z-index:999;} .selCountryContainer .content { padding:3px 10px; text-align:right; width:200px;} .selCountryContainer .content .row {margin-bottom:5px;} .selCountryContainer .content label {display:none;} .selCountryContainer .content select.jsDropdown {width:180px;} a.jsDropdown { background:transparent url(../images/sprite_buttons.png) no-repeat scroll 100% -1480px; display:inline-block; line-height:1.5; padding-right:27px; text-align:left;} a.jsDropdown.disabled { opacity:0.5;} a.jsDropdown:hover { text-decoration:none;} a.jsDropdown span { background:transparent url(../images/sprite_buttons.png) no-repeat scroll 0 -1440px; color:#636363; cursor:pointer; display:block; font-family:Verdana,Arial,sans-serif; font-size:1.1em; height:15px; line-height:14px; padding:6px 10px; white-space:nowrap;} a.jsDropdown span:hover { color:#00BAF2;} .jsDropdownMenu { background:transparent url(../images/bak_dropdown_top.png) repeat-x scroll 0 0; padding-top:4px; position:absolute; z-index:999; } .jsDropdownMenu ul{margin-bottom:0;} .jsDropdownMenu ul { max-height:200px; overflow:auto; z-index:999;} .jsDropdownMenu ul li { cursor:pointer; display:block; font-family:Verdana,Arial,sans-serif; font-size:0.9em; min-height:1.36em; padding:3px 10px;} .jsDropdownMenu ul li.separator { border-top:1px solid #E1E1E1; } #Container.black .jsDropdownMenu ul li { color:#999999; } .jsDropdownMenu ul li.selected { color:#00BAF2;} /* black generic dropdown */ #container.black a.jsDropdown { background-position:100% -1560px } #container.black .jsDropdown span { color:#fff; background-position:0 -1520px } /* Rounded Corners */ .top{height:7px; font-size:0;} .top .tl{background:url(../images/sprite_corners.png) no-repeat scroll 0 0; float:left; height:7px; width:10px; margin-right:-10px; } .top .tr {background:url(../images/sprite_corners.png) no-repeat scroll -10px 0; float:right; height:7px; width:10px; margin-left:-10px;} .top .t{background:url(../images/sprite_corners.png) repeat-x scroll 0 -20px; height:7px; margin:0 10px; display:block; } .bottom{height:10px; font-size:0;} .bottom .bl{height:10px; width:10px; float:left; background:url(../images/sprite_corners.png) no-repeat scroll 0 -10px; margin-right:-10px;} .bottom .br{height:10px; width:10px; float:right; background:url(../images/sprite_corners.png) no-repeat scroll -10px -10px; margin-left:-10px;} .bottom .b{background:url(../images/sprite_corners.png) repeat-x scroll 0 -30px; height:10px; margin:0 10px; display:block;} .genericRoundedCorners .content{ border:1px solid #E1E1E1; border-width:0 1px; background:#fff url(../images/bak_masthead.png) bottom left repeat-x;} /* generic grey box */ .genericRoundedGeyBox { } .genericRoundedGeyBox .top { height: 9px; } .black .genericRoundedGeyBox .top { height: 7px; } .genericRoundedGeyBox .top .tl { float:left; width:9px; height:9px } .genericRoundedGeyBox .top .tr { float:right; width:9px; height:9px } .genericRoundedGeyBox .top .t { margin:0 9px; height:9px } .black .genericRoundedGeyBox > .top .t { margin:0 7px; height:7px } .genericRoundedGeyBox .top .tl { background:transparent url(../images/bak_keywordpanel_tl.png) no-repeat 0 0 } .genericRoundedGeyBox .top .tr { background:transparent url(../images/bak_keywordpanel_tr.png) no-repeat 100% 0 } .genericRoundedGeyBox .top .t { background:transparent url(../images/bak_keywordpanel_t.png) repeat-x } .genericRoundedGeyBox .content { } .genericRoundedGeyBox .content { background: #f5f5f5; border-right:1px solid #f5f5f5; border-left:1px solid #f5f5f5 } .genericRoundedGeyBox .bottom { height:14px } .genericRoundedGeyBox .bottom .bl { float:left; width:14px; height:14px } .genericRoundedGeyBox .bottom .br { float:right; width:14px; height:14px } .genericRoundedGeyBox .bottom .b { margin:0 14px; height:14px } .black .genericRoundedGeyBox .bottom .b { margin:0 9px; height:9px } .genericRoundedGeyBox .bottom .bl { background:transparent url(../images/bak_keywordpanel_bl.png) no-repeat 0 0 } .genericRoundedGeyBox .bottom .br { background:transparent url(../images/bak_keywordpanel_br.png) no-repeat 100% 0 } .genericRoundedGeyBox .bottom .b { background:transparent url(../images/bak_keywordpanel_b.png) repeat-x } /* content corners */ .wc_tl { position:absolute; top:0; left:0; width:4px; height:4px; background:transparent url(../images/sprite_corners.png) no-repeat 0 -120px } .wc_tr { position:absolute; top:0; right:0; width:4px; height:4px; background:transparent url(../images/sprite_corners.png) no-repeat -16px -120px } .wc_bl { position:absolute; bottom:0; left:0; width:4px; height:4px; background:transparent url(../images/sprite_corners.png) no-repeat 0 -136px } .wc_br { position:absolute; bottom:0; right:0; width:4px; height:4px; background:transparent url(../images/sprite_corners.png) no-repeat -16px -136px } /* transparent rounded corneres */ .transparentRoundedCorners .top { height:7px } .transparentRoundedCorners .top .tl { height:7px; background:transparent url(../images/bak_nuggets_tl.png) no-repeat 0 0; float:none; margin:0; width:auto;} .transparentRoundedCorners .top .tr { height:7px; background:transparent url(../images/bak_nuggets_tr.png) no-repeat 100% 0; float:none; margin:0; width:auto;} .transparentRoundedCorners .top .t { margin:0 7px; height:7px; background:transparent url(../images/bak_nuggets.png); float:none; } .transparentRoundedCorners .content { background:transparent url(../images/bak_nuggets.png) repeat 0 0 } .transparentRoundedCorners .bottom { height:10px } .transparentRoundedCorners .bottom .bl { height:10px; background:transparent url(../images/bak_nuggets_bl.png) no-repeat 0 100%; float:none; margin:0; width:auto;} .transparentRoundedCorners .bottom .br { height:10px; background:transparent url(../images/bak_nuggets_br.png) no-repeat 100% 100%; float:none; margin:0; width:auto; } .transparentRoundedCorners .bottom .b { height:10px; margin:0 10px; background:transparent url(../images/bak_nuggets.png) } /* ROUNDED CORNERS */ /* main corners */ .genericRoundedCorners > .top { height: 7px } .genericRoundedCorners > .top .tl { float:left; width:10px; height:7px } .genericRoundedCorners > .top .tr { float:right; width:10px; height:7px } .genericRoundedCorners > .top .t { margin:0 10px; height:7px } .white .genericRoundedCorners > .top .tl { background:transparent url(../images/sprite_corners.png) no-repeat 0 0 } .white .genericRoundedCorners > .top .tr { background:transparent url(../images/sprite_corners.png) no-repeat -10px 0 } .white .genericRoundedCorners > .top .t { background:transparent url(../images/sprite_corners.png) repeat-x 0 -20px } .black .genericRoundedCorners > .top .tl, .black .genericRoundedGeyBox > .top .tl { background:transparent url(../images/sprite_corners.png) no-repeat -20px 0 } .black .genericRoundedCorners > .top .tr, .black .genericRoundedGeyBox > .top .tr { background:transparent url(../images/sprite_corners.png) no-repeat -30px 0 } .black .genericRoundedCorners > .top .t, .black .genericRoundedGeyBox > .top .t { background:transparent url(../images/sprite_corners.png) repeat-x 0 -40px } .black #Popup .genericRoundedCorners > .top .tl, .black #Popup .genericRoundedGeyBox > .top .tl { background:transparent url(../images/sprite_corners.png) no-repeat 0 0 } .black #Popup .genericRoundedCorners > .top .tr, .black #Popup .genericRoundedGeyBox > .top .tr { background:transparent url(../images/sprite_corners.png) no-repeat -10px 0 } .black #Popup .genericRoundedCorners > .top .t, .black #Popup .genericRoundedGeyBox > .top .t { background:transparent url(../images/sprite_corners.png) repeat-x 0 -20px } .genericRoundedCorners > .content { } .white .genericRoundedCorners > .content { background:#ffffff url(../images/bak_masthead.png) repeat-x 0 100%; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 } .black .genericRoundedCorners > .content, .black .genericRoundedGeyBox .content { background:#333333 url(../images/bak_black_gradient1.png) repeat-x 0 100%; border-right:1px solid #5d5e5f; border-left:1px solid #5d5e5f;border-top:none} .black #Popup.genericRoundedCorners > .content, .black #Popup .genericRoundedCorners > .content, .black #Popup.genericRoundedGeyBox .content { background:#ffffff url(../images/bak_masthead.png) repeat-x 0 100%; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 } .genericRoundedCorners > .bottom { height:10px } .genericRoundedCorners > .bottom .bl { float:left; width:10px; height:10px } .genericRoundedCorners > .bottom .br { float:right; width:10px; height:10px } .genericRoundedCorners > .bottom .b { margin:0 10px; height:10px } .white .genericRoundedCorners > .bottom .bl { background:transparent url(../images/sprite_corners.png) no-repeat 0 -10px } .white .genericRoundedCorners > .bottom .br { background:transparent url(../images/sprite_corners.png) no-repeat -10px -10px } .white .genericRoundedCorners > .bottom .b { background:transparent url(../images/sprite_corners.png) repeat-x 0 -30px } .black .genericRoundedCorners > .bottom .bl, .black .genericRoundedGeyBox > .bottom .bl { background:transparent url(../images/sprite_corners.png) no-repeat -20px -10px } .black .genericRoundedCorners > .bottom .br, .black .genericRoundedGeyBox > .bottom .br { background:transparent url(../images/sprite_corners.png) no-repeat -30px -10px } .black .genericRoundedCorners > .bottom .b, .black .genericRoundedGeyBox > .bottom .b { background:transparent url(../images/sprite_corners.png) repeat-x 0 -50px } .black #Popup.genericRoundedCorners > .bottom .bl, .black #Popup .genericRoundedCorners > .bottom .bl, .black #Popup.genericRoundedGeyBox > .bottom .bl { background:transparent url(../images/sprite_corners.png) no-repeat 0 -10px } .black #Popup.genericRoundedCorners > .bottom .br, .black #Popup .genericRoundedCorners > .bottom .br, .black #Popup.genericRoundedGeyBox > .bottom .br { background:transparent url(../images/sprite_corners.png) no-repeat -10px -10px } .black #Popup.genericRoundedCorners > .bottom .b, .black #Popup .genericRoundedCorners > .bottom .b, .black #Popup.genericRoundedGeyBox > .bottom .b { background:transparent url(../images/sprite_corners.png) repeat-x 0 -30px } /* plain roundeed corners */ .plainRoundedCorners > .top { height:7px } .plainRoundedCorners > .top .tl { float:left; width:10px; height:7px } .plainRoundedCorners > .top .tr { float:right; width:10px; height:7px } .plainRoundedCorners > .top .t { margin:0 10px; height:7px } .white .plainRoundedCorners > .top .tl { background:transparent url(../images/sprite_corners.png) no-repeat 0 -60px } .white .plainRoundedCorners > .top .tr { background:transparent url(../images/sprite_corners.png) no-repeat -10px -60px } .white .plainRoundedCorners > .top .t { background:transparent url(../images/sprite_corners.png) repeat-x 0 -20px } .black .plainRoundedCorners > .top .tl { background:transparent url(../images/sprite_corners.png) no-repeat -20px -60px } .black .plainRoundedCorners > .top .tr { background:transparent url(../images/sprite_corners.png) no-repeat -30px -60px } .black .plainRoundedCorners > .top .t { background:transparent url(../images/sprite_corners.png) repeat-x 0 -40px } .plainRoundedCorners > .content { } .white .plainRoundedCorners > .content { background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1 } .black .plainRoundedCorners > .content { background-color:#333; border-right:1px solid #5d5e5f; border-left:1px solid #5d5e5f; border-top:none } .plainRoundedCorners > .bottom { height:7px } .plainRoundedCorners > .bottom .bl { float:left; width:10px; height:7px } .plainRoundedCorners > .bottom .br { float:right; width:10px; height:7px } .plainRoundedCorners > .bottom .b { margin:0 10px; height:7px } .white .plainRoundedCorners > .bottom .bl { background:transparent url(../images/sprite_corners.png) no-repeat 0 -70px } .white .plainRoundedCorners > .bottom .br { background:transparent url(../images/sprite_corners.png) no-repeat -10px -70px } .white .plainRoundedCorners > .bottom .b { background:transparent url(../images/sprite_corners.png) repeat-x 0 -80px } .black .plainRoundedCorners > .bottom .bl { background:transparent url(../images/sprite_corners.png) no-repeat -20px -70px } .black .plainRoundedCorners > .bottom .br { background:transparent url(../images/sprite_corners.png) no-repeat -30px -70px } .black .plainRoundedCorners > .bottom .b { background:transparent url(../images/sprite_corners.png) repeat-x 0 -90px } /* Logo */ h1.logo{ width:116px; height:38px; display:block; padding:9px 10px 0 20px; margin:0; float:left;} h1.logo a{width:116px; height:38px; display:block; text-indent:-5000em;background:url(../images/epson_logo.png) top left no-repeat;} #container.black h1.logo a{background-image:url(../images/epson_logo_white.png);} /* Masthead contents */ #MastHead{margin-bottom:5px;} .mastheadcontent{border-left:1px #e1e1e1 solid; padding:9px 0 0 0; margin-left:150px;} #container.black .mastheadcontent { border-color:#4d4d4d } /* Main Navigation */ ul#nav{padding:0px 0px 8px 0; margin:0; margin-left:10px; overflow:hidden; display:inline-block; font-family:Arial, Helvetica, sans-serif;} ul#nav li{display:inline; overflow:hidden;} ul#nav li a{font-size:1.2em; color:#4D4D4D; text-transform:uppercase; padding: 0px 10px; margin-left: 8px; text-decoration:none;} /* ul#nav li a{font-size:1.2em; color:#4D4D4D; text-transform:uppercase; padding: 0px 10px; border-left:1px solid #E1E1E1; margin-left:-1px; text-decoration:none;} ul#nav li.active a{ font-weight:bold;} */ ul#nav a:hover,ul#secondarynav a:hover, #footer ul.footerNavigation li a:hover{color:#00BAF2; text-decoration:none;} #container.black ul#nav li a{color:#E1E1E1;border-color:#636363;} #container.black ul#nav li a:hover{color:#7FD1F1;} /*----------add for new header enhancement------------*/ ul#nav li.active { position: relative; margin: -5px -7px -16px; display: block; background: url(../images/header_nav_current_bg_left.gif) no-repeat left bottom; font-weight: normal; display: inline; float: left; } ul#nav li.active a { display: block; padding: 14px 17px 16px; background: url(../images/header_nav_current_bg_right.gif) no-repeat right bottom; } ul#nav li.active a:hover { background: url(../images/header_nav_current_bg_right.gif) no-repeat right bottom; } ul#nav li.active a, ul#nav li.active a:hover { color: #78d3ef; font-weight: normal; } /*--------add for ajust new nav----------*/ ul#nav li.general { position: relative; margin: -5px -7px -16px; display: block; font-weight: normal; display: inline; float: left; } ul#nav li.general a { display: block; padding: 14px 17px 16px; background: url(../images/bak_header_nav_dummy.gif) no-repeat right bottom; } ul#nav li.general a:hover { background: url(../images/bak_header_nav_dummy.gif) no-repeat right bottom; } /*------------------*/ /* Search form */ #header #masthead form{float:right; margin:-5px 10px 0 0; width:276px; display:inline;} #header #masthead input{ background:url(../images/bak_textFields.gif) top left repeat-x; font-size:1.2em; padding:4px 5px 4px 5px; margin-right:5px; width:183px; float:left; font:1.2em normal Verdana,Arial,sans-serif; border:1px solid #E1E1E1;} #header #masthead input.submitimage{} #header #masthead .buttonBlack{ padding-right:2px; text-transform: uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -120px; display:block; float:left;} #header #masthead .buttonBlack input{width:auto;height:24px; padding:4px 8px 6px 10px; font-size:1.1em; font-weight:bold; color:#fff; text-transform:uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 0 0; cursor:pointer; font-family:Arial, Helvetica, sans-serif; margin:0; border:0;} #header #masthead .buttonBlack:hover input { background-position: 0 -40px } #header #masthead .buttonBlack:active input { background-position: 0 -80px } #header #masthead .buttonBlack:hover { background-position: 100% -160px; text-decoration:none } #header #masthead .buttonBlack:active { background-position: 100% -200px; outline:none } #header #masthead .buttonBlack:focus { outline:none } /* Secondary Navigation */ ul#secondarynav{border-top:1px #E1E1E1 solid; margin:0; margin-left:0px; padding: 6px 0 0px 20px;} #container.black ul#secondarynav{border-color:#4d4d4d;} ul#secondarynav li{display:inline; margin-right:20px; } ul#secondarynav a{font-size:1em; color:#4D4D4D; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} #container.black ul#secondarynav a{color:#E1E1E1;} ul#secondarynav li.dropdown{padding-bottom:10px; position:relative;} ul#secondarynav li.dropdown a {background:transparent url(../images/ico_arrowdown_grey.png) no-repeat scroll 100% 50%;padding-right:12px;} ul#secondarynav #dropmenu{ position:absolute; top:22px; left:-10px; width:178px; background:url(../images/bak_dropdown_top.png) top left repeat-x; padding:5px 0; display:none; z-index:999;} #container.black ul#secondarynav #dropmenu, #container.black ul#secondarynav #subdropmenu{background-image:url(../images/bak_dropdown_blk_top.png);} ul#secondarynav ul {background:#FFFFFF url(../images/bak_masthead.png) repeat-x scroll left bottom; margin-bottom:0; padding:0px 0;border:1px solid #E1E1E1; border-width:0 1px; } #container.black ul#secondarynav ul{background:#333 url(../images/bak_black_gradient1.png) bottom repeat-x; border-color:#5d5e5f;} ul#secondarynav ul li{ display:block; margin-right:0; position:relative;} ul#secondarynav li.dropdown ul a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.75em; text-transform:none; padding:4px 10px; background:none; display:block;} body.epsonworld ul#secondarynav a{font-size:0.9em;} body.epsonworld ul#secondarynav li{margin-right:15px;} ul#secondarynav li.dropdown:hover #dropmenu, ul#secondarynav li.hover #dropmenu{display:block; z-index:999; zoom:1;} ul#secondarynav #subdropmenu{position:absolute; left:176px; top:-5px;background:url(../images/bak_dropdown_top.png) top left repeat-x; width:178px;padding:5px 0; display:none;} ul#secondarynav #subdropmenu ul{border-left:0;} ul#secondarynav #subdropmenu ul a{font-size:0.65em; } ul#secondarynav #dropmenu li:hover #subdropmenu, ul#secondarynav #dropmenu li.hover #subdropmenu{display:block;} ul#secondarynav li.dropdown li.dropdown{padding-bottom:0; background:url(../images/arrow_right.png) 95% 8px no-repeat;} #container.black ul#secondarynav a:hover{ color:#7FD1F1;} /* Footer */ #footer{margin-top:10px; padding-bottom:20px;} #footer .genericRoundedCorners{margin-bottom:3px;} #footer ul{margin:0; padding-left:0.8em; margin-top:-0.1em; padding-bottom:0.1em;} #footer ul li{display:inline;} #footer ul li a{margin:0 0.8em; text-transform:uppercase; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#4d4d4d;} #footer ul.footerSpecial{ display:inline; border-right:1px solid #D9D9D9; margin:0 10px 0 0; padding:0;} #footer ul.footerSpecial a, #footer ul.footerSpecial a:hover{color:#999; font-size:0.8em; text-transform:none; font-family:Verdana, Arial, Helvetica, sans-serif;} #footer ul.footerSpecial a:hover{text-decoration:underline;} #footer p{display:inline; font-family:Verdana,Arial,sans-serif; color:#999; font-size:1em !important;} #container.black #footer ul a,#container.black #footer ul.footerSpecial a{color:#D9D9D9;} #container.black #footer ul a:hover,#container.black #footer ul.footerSpecial a:hover{color:#7FD1F1;} #container.black ul.footerSpecial { border-color:#4D4D4D; color:#999999;} /* Mainbody */ #mainbody{margin-bottom:20px;} #mainbody #carousel{ width:940px; height:400px; margin-bottom:20px; background:transparent url(../images/ani_loader_home.gif) no-repeat scroll 50% 50%;} /* Footer Teaser */ #Teasers{margin-bottom:00px; height:166px;} #Teasers.alternateTeaser{margin-bottom:25px;} #Teasers ul{margin:0;} #Teasers ul li {float:left;height:142px;padding:7px 15px 6px;position:relative;width:282px; display:inline;} #Teasers ul li:last-child {width:283px;} #Teasers ul li.type2 {height:155px;padding:0pt;width:312.5px;} #Teasers ul li h4 {font-size:2em;font-weight:bold;margin-bottom:5px;text-transform:uppercase; line-height:normal;} #Teasers ul li.type1 h4 {margin-right:150px;} #container.white #Teasers ul li h4 {color:#000000;} #Teasers ul li h4 a {padding-right:10px;} #container.white #Teasers ul li h4 a {color:#4D4D4D;} #container.white #Teasers ul li h4 a:hover {color:#00BAF2;} #Teasers ul li p {font-size:1.2em; line-height:normal;} #Teasers ul li.type1 p {margin-right:150px;} #container.white #Teasers ul li p {color:#999999;} #container.black #Teasers ul li p { color:#fff } #Teasers ul li.type0 img {bottom:-18px;height:92px;left:-1px;position:absolute;width:312px; } #Teasers ul li.type1 img {height:186px;position:absolute;right:10px;top:-17px;width:130px; } #Teasers ul li.type2 img {height:199px;margin:-22px 0pt;width:315px; position:relative;} #Teasers ul li.type2:first-child img {margin-left:-1px;} #Teasers ul li.type0:last-child img, #Teasers ul li.type2:last-child img {left:auto;right:-1px;} #Teasers .wc_tl {background-position:0 0;height:4px;left:-1px;position:absolute;top:-7px;width:4px;} #Teasers .wc_tr {background-position:100% 0;height:4px;position:absolute;right:-4px;top:-8px;width:4px;} #Teasers .wc_bl {background-position:0 100%;bottom:-7px;height:4px;left:-1px;position:absolute;width:4px;} #Teasers .wc_br {background-position:100% 100%;bottom:-7px;height:4px;position:absolute;right:-4px;width:4px;} body.home #Teasers .wc_tl, body.home #Teasers .wc_tr, body.home #Teasers .wc_bl,body.home #Teasers .wc_br {background-image:url(../images/bak_footer_corners_white.png); background-repeat:no-repeat;} body.home #Teasers .wc_tl, body.home #Teasers .wc_tr, body.home #Teasers .wc_bl,body.home #Teasers .wc_br {background-image:url(../images/bak_footer_corners_white.png); background-repeat:no-repeat;} /* Footer Teaser Corners */ body.white #Teasers .wc_tl, body.white #Teasers .wc_tr, body.white #Teasers .wc_bl, body.white #Teasers .wc_br, body.grey #Teasers .wc_tl, body.grey #Teasers .wc_tr, body.grey #Teasers .wc_bl, body.grey #Teasers .wc_br, body.home #Teasers .wc_tl, body.home #Teasers .wc_tr, body.home #Teasers .wc_bl, body.home #Teasers .wc_br {background-image:url(../images/bak_footer_corners_white.png)} body.green #Teasers .wc_tl, body.green #Teasers .wc_tr, body.green #Teasers .wc_bl, body.green #Teasers .wc_br {background-image:url(../images/bak_footer_corners_green.png)} body.orange #Teasers .wc_tl, body.orange #Teasers .wc_tr, body.orange #Teasers .wc_bl, body.orange #Teasers .wc_br {background-image:url(../images/bak_footer_corners_orange.png)} body.purple #Teasers .wc_tl, body.purple #Teasers .wc_tr, body.purple #Teasers .wc_bl, body.purple #Teasers .wc_br {background-image:url(../images/bak_footer_corners_purple.png)} body.pink #Teasers .wc_tl, body.pink #Teasers .wc_tr, body.pink #Teasers .wc_bl, body.pink #Teasers .wc_br {background-image:url(../images/bak_footer_corners_pink.png)} body.turquoise #Teasers .wc_tl, body.turquoise #Teasers .wc_tr, body.turquoise #Teasers .wc_bl, body.turquoise #Teasers .wc_br {background-image:url(../images/bak_footer_corners_turq.png)} body.royal #Teasers .wc_tl, body.royal #Teasers .wc_tr, body.royal #Teasers .wc_bl, body.royal #Teasers .wc_br {background-image:url(../images/bak_footer_corners_royal.png)} body.myepson #Teasers .wc_tl, body.myepson #Teasers .wc_tr, body.myepson #Teasers .wc_bl, body.myepson #Teasers .wc_br {background-image:url(../images/bak_footer_corners_myepson.png)} body.pro #Teasers .wc_tl, body.pro #Teasers .wc_tr, body.pro #Teasers .wc_bl, body.pro #Teasers .wc_br {background-image:url(../images/bak_footer_corners_pro.png)} body.business #Teasers .wc_tl, body.business #Teasers .wc_tr, body.business #Teasers .wc_bl, body.business #Teasers .wc_br {background-image:url(../images/bak_footer_corners_business.png)} body.blue #Teasers .wc_tl, body.blue #Teasers .wc_tr, body.blue #Teasers .wc_bl, body.blue #Teasers .wc_br {background-image:url(../images/bak_footer_corners_blue.png)} /* BreadCrumbs */ div.breadCrumbs{margin-bottom:10px;} div.breadCrumbs a{text-transform:uppercase; color:#4d4d4d;} div.breadCrumbs ul{ margin:4px 0 0 5px;} div.breadCrumbs li{display:inline; text-transform:uppercase; font-family:Verdana,Arial,sans-serif; font-size:0.8em;} #footer .breadCrumbs{margin-top:10px; margin-bottom:20px;} #footer .breadCrumbs ul{margin:0; padding:0;margin:4px 0 0 5px;} #footer .breadCrumbs a{margin:0;} /* Category Listing */ #mainbody .categoryTabs .content{padding:15px 0 15px 15px;} ul.categorylisting{margin-bottom:0;} ul.categorylisting li{display:block; float:left; width:200px; margin:0 22px 30px 0; height:25em; float:left;} ul.categorylisting h2{margin-bottom:0.2em; padding:0 10px; font-family:Arial, Helvetica, sans-serif;} ul.categorylisting h2 a{color:#00BAF2; font-size:0.9em;} ul.categorylisting p{font-size:0.9em;padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif;} /* Big Teaser M021 */ #bigTeaser{margin-bottom:20px;} .typeC img{display:inline; float:left;} .typeA{ height:280px !important;} .typeA img{position:absolute; z-index:5;} #bigTeaser h2{ position:relative; z-index:10; font-size:4em; color:#fff; line-height:1.2; margin:0; padding:30px 0 0 30px; width:400px;} #bigTeaser p{font-size:1.6em; color:#fff; line-height:1.2; margin:10px 0;position:relative; z-index:10; font-weight:bold; font-family:Arial, Helvetica, sans-serif;padding:0px 0 0 30px;width:400px;} #bigTeaser a{position:relative; z-index:10; text-decoration:none;margin:0px 0 0 30px;} .buttonBlue {background:transparent url(../images/bak_btn_blue_r.png) no-repeat scroll 100% 0;display:inline-block;line-height:1;padding-right:10px; float:left; text-decoration:none;} .buttonBlue:hover{text-decoration:none;} .buttonBlue span, .buttonBlue input {background:transparent url(../images/bak_btn_blue_l.png) no-repeat scroll 0 0;color:#FFFFFF;display:block;font-size:1.2em;font-weight:bold;height:0.85em;padding:8px 0 12px 10px;text-decoration:none;text-transform:uppercase; float:left;} .buttonBlue input { display:inline; height:2.583em; padding:6px 0 10px 10px; font-family: Arial, Helvetica, sans-serif; margin-right:-1px;} .buttonBlack { display:-moz-inline-box; display:inline-block; padding-right:2px; text-transform: uppercase; background:transparent url(../images/bak_btn_black.png) no-repeat 100% 0; line-height:1.5 } .buttonBlack:hover { background-position: 100% -26px; text-decoration:none } .buttonBlack:active { background-position: 100% -54px; outline:none } .buttonBlack:focus { outline:none } .buttonBlack input { display:inline; height:2.4em; padding:3px 8px 7px 10px; font-size:1.1em; font-weight:bold; color:#fff; text-transform:uppercase; background:transparent url(../images/bak_btn_black.png) no-repeat 0 0; cursor:pointer; font-family:Arial, Helvetica, sans-serif;} .buttonBlack:hover input { background-position: 0 -26px } .buttonBlack:active input { background-position: 0 -54px } /* Product Solutions */ body.business #footer .breadCrumbs li, body.business #footer .breadCrumbs li a, body.business .breadCrumbs li, body.business .breadCrumbs li a, body.business #footer p, body.business #footer ul.footerSpecial a, body.business ul.toplinks a, body.green #footer .breadCrumbs li, body.green #footer .breadCrumbs li a, body.green .breadCrumbs li, body.green .breadCrumbs li a, body.epsonworld #footer .breadCrumbs li a, body.epsonworld .breadCrumbs li, body.epsonworld .breadCrumbs li a, body.pro .breadCrumbs li, body.myepson .breadCrumbs li a, body.myepson .breadCrumbs li, body.myepson #footer .breadCrumbs li a, body.myepson #footer p, body.myepson #footer ul.footerSpecial a, body.epsonworld #footer ul.footerSpecial a, body.epsonworld #footer p{color:#fff;} body.pro #footer .breadCrumbs li a, body.pro .breadCrumbs li a{color:#e1e1e1;} body.business ul.toplinks li{border-color:#D9D9D9;} .productArticle .content{padding:15px 24px;} .productArticle h3.summary{ color:#999;} .productArticle h4{font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; /*color:#999;*/ padding:0.5em 0 1em 0;} .productArticle .content p, .productArticle .content ul{color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;} /* Solutions Hero With Accordion Navigation */ #HeroPane{margin-bottom:20px;} .heroLeft {float:left;width:210px;} .heroLeft h3, .sidebarNavigation h3 { background:transparent url(../images/bak_hero_navigation_header_r.png) no-repeat 100% 0; padding:0; padding-right:10px; margin:0; } .heroLeft h3 span, .sidebarNavigation h3 span { background:transparent url(../images/bak_hero_navigation_header_l.png) no-repeat 0 0; color:#4D4D4D;display:block;font-size:0.6em;line-height:1.2;padding:9px 10px 8px;text-transform:uppercase; } .genericSidebarMedium #HeroPane .heroLeft {width:279px; } ul.heroNavigation { background-image:url(../images/tsp_black_60.png); margin:0; padding:0; background-repeat:repeat; display:block; width:100%;} ul.heroNavigation li {} ul.heroNavigation li h3 { margin:0; padding:0;} ul.heroNavigation a:hover { text-decoration:none; } ul.heroNavigation li h4{margin:0; padding:0;} ul.heroNavigation li h4 a { background:#000000 url(../images/bak_hero_navigation.png) repeat-x scroll 100% -62px;color:#FFFFFF;display:block;font-size:0.6em;font-weight:bold;line-height:1.2;padding:6px 20px 6px 10px;text-transform:uppercase;} ul.heroNavigation li h4.selected a {background-position:100% 0;} ul.heroNavigation li a, ul.heroNavigation li strong {color:#FFFFFF;display:block;padding:5px 10px;} ul.heroNavigation li a:focus {outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;} ul.heroNavigation ul{margin:0;} ul.heroNavigation ul li {font-family:Verdana,Arial,sans-serif;font-size:0.75em;} ul.heroNavigation ul li a {line-height:1.2; display:block;} ul.heroNavigation ul li a:hover {background-image:url(../images/tsp_black_60.png); background-repeat:repeat;} ul.heroNavigation li strong { background:#FFFFFF none repeat scroll 0 0; color:#000000; } ul.heroNavigation ul ul li {font-size:0.85em;} ul.heroNavigation ul ul li a, .heroLeft ul.heroNavigation ul ul li strong { line-height:1.2; padding-left:30px;} .heroMain {float:right; width:360px;} .heroMain h2 { color:#000;font-size:4em; line-height:1.1;text-transform:uppercase; margin:0; padding:0;} .heroMain p {color:#000;font-size:1.6em;font-weight:bold;line-height:1.2;margin:10px 0;} /* Nuggets M007 */ .heroMain .nuggets {padding-top:10px;} .heroMain .nuggets .top {height:7px;} .heroMain .nuggets .top .tl{background:url(../images/bak_nuggets_tl.png) no-repeat scroll 0 0; float:left; height:7px; width:7px; margin-right:-7px; } .heroMain .nuggets .top .tr {background:url(../images/bak_nuggets_tr.png) no-repeat scroll 100% 0; float:right; height:7px; width:7px; margin-left:-7px;} .heroMain .nuggets .top .t{background:url(../images/bak_nuggets.png) repeat; height:7px; margin:0 7px; display:block; } .heroMain .nuggets .bottom{height:7px;} .heroMain .nuggets .bottom .bl{background:url(../images/bak_nuggets_bl.png) no-repeat scroll 0 100%; float:left; height:7px; width:10px;} .heroMain .nuggets .bottom .br{background:url(../images/bak_nuggets_br.png) no-repeat scroll 100% 100%; float:right; height:7px; width:10px;} .heroMain .nuggets .bottom .b{background:url(../images/bak_nuggets.png) repeat scroll 0 0; height:7px; margin:0 10px;} .heroMain .nuggets ul.content{ background:transparent url(../images/bak_nuggets.png) repeat scroll 0 0; margin:0; padding:8px 15px 8px 15px;} .heroMain .nuggets ul li {float:left; font-family:Verdana,Arial,Helvetica,snas-serif; font-size:1.1em; margin-left:12px; width:102px; } .heroMain .nuggets ul li.first{margin-left:0;} .heroMain .nuggets ul li a{color:#fff; font-size:0.8em;} .heroMain .nuggets ul li a span.nuggetImage img { border:2px solid #FFFFFF; height:63px; width:98px;} /* Nugget Layer */ #NuggetLayer { background:#FFFFFF url(../images/ani_loader_normal.gif) no-repeat scroll 50% 50%; height:520px; left:50%; margin:-470px 0 0 -240px; position:absolute; top:262px; width:940px; z-index:990;} #NuggetLayer .close { position:absolute; right:10px; top:10px; z-index:991; } #NuggetLayer .close a { display:block;float:right; } #NuggetLayer .nuggetGalleryPagination { bottom:35px; position:absolute; right:20px; z-index:3; } #NuggetLayer .nuggetGalleryPagination a { display:inline-block; margin-left:5px; } #NuggetLayer .nuggetGalleryPane { background:transparent url(../images/bak_nugget_browser.png) repeat scroll 0 0; bottom:0; height:20px; left:0; overflow:hidden; position:absolute; right:0; z-index:2; } #NuggetLayer .nuggetGalleryPane .nuggetGalleryHandle { padding:5px 0; text-align:center; } #NuggetLayer .nuggetGalleryPane .nuggetGalleryHandle a { background:transparent url(../images/ico_arrowdown_white.png) no-repeat scroll 100% 2px; color:#FFFFFF; padding-right:12px; text-transform:uppercase; } ul.nuggetGalleryThumbnails { padding:10px;} ul.nuggetGalleryThumbnails li { float:left; margin-right:10px; padding:2px; } ul.nuggetGalleryThumbnails li.selected { border:2px solid #FFFFFF; padding:0; } #NuggetLayer .nuggetVideo { background-color:#000000; height:480px; padding:20px; width:900px;} #NuggetLayer #FlashNuggetVideoPlayer { height:329px; margin:55px 90px; width:585px; } #NuggetLayer .nuggetVideoContent { bottom:80px; color:#FFFFFF; position:absolute; right:20px; width:200px;} #NuggetLayer .nuggetVideoContent h1 { font-size:1.6em; margin-bottom:15px; } #NuggetLayer .nuggetVideoContent p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.1em; line-height:1.2; margin-bottom:15px;} #NuggetLayer .nuggetArticle { background-color:#000000; color:#FFFFFF; height:400px; padding:40px; width:860px; } #NuggetLayer .nuggetArticle .nuggetArticleImage { float:left; margin-right:20px; } #NuggetLayer .nuggetArticle .nuggetArticleContent { margin-left:232px; } #NuggetLayer .nuggetArticle .nuggetArticleContent h1 { font-size:4em; margin-bottom:15px; text-transform:uppercase; color:#fff;} #NuggetLayer .nuggetArticle .nuggetArticleContent h2 { font-size:2.6em; font-weight:normal; line-height:1.2; padding:0; margin-bottom:15px; } #NuggetLayer .nuggetArticle .nuggetArticleContent p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.2em; line-height:2; margin-bottom:30px; } #NuggetLayer .nuggetBanner { background-color:#000000; color:#FF7A00; height:400px; padding:40px; width:860px; } #NuggetLayer .nuggetBanner h1 { font-size:4em; line-height:1.1; margin-bottom:20px; text-transform:uppercase; } #NuggetLayer .nuggetBanner h1 span { color:#FFFFFF; } .buttonBlueClose { background:transparent url(../images/btn_blue_close_hover.png) no-repeat scroll 0 0; height:12px; padding:10px 14px; } .buttonBlueClose:active { background-image:url(../images/btn_blue_close.png); } .buttonBlueClose span{display:none;} /* Product Browser */ #ProductBrowserFilter{background:url(../images/bak_filterbar.png) bottom repeat-x; padding:0 10px 5px 10px;} #ProductBrowserFilter .content{padding:0; background:none; border:0;} #ProductBrowserFilter h2{margin:0; font-size:1.6em; padding:10px 0 10px 15px;} /* Form Styling */ #ProductBrowserFilter fieldset{ border-right:1px solid #F0F0F0;margin:0; padding:0; padding:10px 20px 0px 0; display:inline-block;} #ProductBrowserFilter fieldset legend{ font:normal 1.1em Verdana, Arial, Helvetica, sans-serif; color:#4D4D4D; margin-bottom:-5px;} #ProductBrowserFilter .browseRadios, #ProductBrowserFilter .browseCheckboxes, #ProductBrowserFilter .browseSelects { float:left; min-height:90px; padding:10px 15px 7px; border-right:1px solid #f0f0f0; } body.pro #ProductBrowserFilter .browseRadios, body.pro #ProductBrowserFilter .browseCheckboxes, body.pro #ProductBrowserFilter .browseSelects { float:left; padding:10px 15px 7px; border-right:1px solid #5d5e5f } #ProductBrowserFilter .browseRange { border:0px } #ProductBrowserFilter h4 { margin-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:normal; white-space:nowrap } #ProductBrowserFilter h4 span { display:inline-block; height:12px; margin-left:3px; padding:1px 5px; background:transparent url(../images/ico_facet_help.png) no-repeat 0 0; cursor:help } #ProductBrowserFilter h4 span.f_tooltip { padding:0 0 2px 13px; width:1px; color:#fff /*safari fix*/ } #ProductBrowserFilter h4 span:hover { background-position:0 -14px } #ProductBrowserFilter p { font-size:1.1em; margin-bottom:5px } #ProductBrowserFilter label { margin:0 2px 0 5px; text-transform:uppercase; vertical-align:top } #ProductBrowserFilter ul { margin:0; } #ProductBrowserFilter ul li { float:left } #ProductBrowserFilter .browseRadios ul li { margin-right:1px } #ProductBrowserFilter .browseCheckboxes ul li { margin-right:5px } #ProductBrowserFilter ul li a { display:block; padding:5px; font-family:Verdana, Arial, sans-serif; font-size:0.9em; color:#fff; line-height:1;} #ProductBrowserFilter ul li a:hover { text-decoration:none } #ProductBrowserFilter .jsDropdown { margin-top:3px } #ProductBrowserFilter .browseSelects select#pbf_price { width:150px } #ProductBrowserFilter .buttonBlue { float:right } /* Compare and Sort */ .compareAndSort {position:relative; padding:10px 25px } .compareAndSort .compareContainer { float:left; width:500px } .compareAndSort h1, .compareAndSort h4 { margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:normal } .compareAndSort h2 { padding:5px 0 20px; font-size:1.6em; margin:0;} .compareAndSort .compareContainer #CompareItems .jsDropdown { width:auto; } .compareAndSort .compareContainer .button { margin-left:10px } .sortContainer { float:right; width:30em; text-align:right } .sortContainer h4 { margin-bottom:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; font-weight:normal } .sortContainer label { margin-right:5px; text-transform:uppercase } /* Product Listing */ #ProductList{padding:20px 0 24px 0px; clear:none;} #ProductList ul.productItemList{margin:0 -25px 30px -25px;} #ProductList ul li{float:left; width:200px; padding-left:30px; position:relative; font-size:1em; margin:0; list-style:none;} #ProductList ul li div.productTitle{text-align:center;} .electronicItemList{padding-left:0 !important; padding-right:10px !important; margin-right:240px !important;} .electronicItemList li{width:140px !important; margin-bottom:2em !important;} #ProductList ul li a img{ display:block; margin:0 auto; margin-bottom:10px;} #ProductList ul h3{margin-bottom:2px; line-height:10px;} #ProductList ul h3 a{font:bold 0.6em Arial, Helvetica, sans-serif;} #ProductList ul p{font-size:0.8em;} #ProductList ul p.description{text-transform:uppercase; font-weight:bold; line-height:1.2em; margin-bottom:5px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #ProductList ul p.itemPrice{font-family:Arial, Helvetica, sans-serif; margin-bottom:6px;} #ProductList ul p.txtInfo{ color:#F7931E; margin-top:-5px;} #ProductList ul p.itemPrice span{text-transform:uppercase;} #ProductList ul p.itemPrice strong{font-size:1.5em;} #ProductList ul ul.highlights{margin:0 0 6px 15px;} #ProductList ul ul.highlights li{float:none; width:auto; padding:0; font:normal 0.75em Verdana, Arial, Helvetica, sans-serif; line-height:1.6em; margin:0; list-style:disc;} /* Badge */ #ProductList .itemBadge { position:absolute; top:0; right:0; z-index:2 } #ProductBrowser .itemComparison{padding:0px 0;} .buttonSmall{ background:transparent url(../images/sprite_buttons.png) no-repeat scroll 100% -1080px; line-height:1.2; display:inline-block; padding-right:2px;} /*.buttonSmall span{background:transparent url(../images/sprite_buttons.png) no-repeat scroll 0 -960px; color:#00BAF2; cursor:pointer; display:block; font:normal 0.9em Verdana,Arial,sans-serif; padding:4px 8px 4px 10px; height:14px;}*/ .buttonSmall span{background:transparent url(/assets/images/sprite_buttons.png) no-repeat scroll 0 -960px; color:#00BAF2; cursor:pointer; display:block; font:normal 0.9em Verdana,Arial,sans-serif; padding:4px 8px 4px 10px; height:14px;width:60px;} html>body .buttonSmall span {background:transparent url(/assets/images/sprite_buttons.png) no-repeat scroll 0 -960px; color:#00BAF2; cursor:pointer; display:block; font:normal 0.9em Verdana,Arial,sans-serif; padding:4px 8px 4px 10px; height:14px;width:auto;} .buttonSmall:hover span, .buttonSmall:hover input{background-position:0 -1000px;} .buttonSmall:hover{text-decoration:none;} .buttonPlus span {background-position:0 -1960px;padding-left:25px;} .buttonMinus span {background-position:0 -2200px;padding-left:25px;} .buttonPlus:hover span{ background-position:0 -2000px;} /* Pagination containers */ #ProductBrowserPagination, #ArticlePagination { position:relative; height:3.5em; text-align:center } #ProductBrowserPagination ul, #ArticlePagination ul { margin:0;} #ProductBrowserPagination ul li, #ArticlePagination ul li { display:inline; width:30px; height:25px; margin-right:10px; padding:2px 0; font-size:1.3em ; font-family:Arial, Helvetica, sans-serif;} #ProductBrowserPagination ul li.current, #ArticlePagination ul li.current { background-image:none; } #ProductBrowserPagination ul li.previous, #ProductBrowserPagination ul li.next, #ProductBrowserPagination ul li.all, #ArticlePagination ul li.previous, #ArticlePagination ul li.next, #ArticlePagination ul li.all { background-image:none } #ProductBrowserPagination ul li.previous a, #ProductBrowserPagination ul li.next a, #ArticlePagination ul li.previous a, #ArticlePagination ul li.next a { background-image:none;} #ProductBrowserPagination ul li.previous a, #ProductBrowserPagination ul li.next a, #ProductBrowserPagination ul li.all a, #ArticlePagination ul li.previous a, #ArticlePagination ul li.next a, #ArticlePagination ul li.all a { padding:0 2px 0 0 } #ProductBrowserPagination ul li.all a, #ArticlePagination ul li.all a { background:transparent url(../images/bak_btn_normal_r.png) no-repeat 100% 0 } #ProductBrowserPagination ul li.previous a.buttonPrevious, #ArticlePagination ul li.previous a.buttonPrevious { height:22px; background:transparent url(../images/bak_pagination_previous.png) no-repeat 0 0; vertical-align:middle;} #ProductBrowserPagination ul li.next a.buttonNext, #ArticlePagination ul li.next a.buttonNext { height:22px; background:transparent url(../images/bak_pagination_next.png) no-repeat 0 0; vertical-align:middle;} #ProductBrowserPagination ul li.next a.buttonNext:hover, #ArticlePagination ul li.next a.buttonNext:hover { background-position:0 -22px } #ProductBrowserPagination ul li.next a.buttonNext:active, #ArticlePagination ul li.next a.buttonNext:active { background-position:0 -44px } #ProductBrowserPagination ul li.previous a.buttonPrevious:hover, #ArticlePagination ul li.previous a.buttonPrevious:hover { background-position:0 -22px } #ProductBrowserPagination ul li.previous a.buttonPrevious:active, #ArticlePagination ul li.previous a.buttonPrevious:active { background-position:0 -44px } #ProductBrowserPagination ul li .firstResult, #ArticlePagination ul li .firstResult { margin:0px 10px; background:none; color:#000000 } #ProductBrowserPagination ul li a, #ProductBrowserPagination ul li strong, #ArticlePagination ul li a, #ArticlePagination ul li strong { display:-moz-inline-box; display:inline-block; width:10px; padding:10px 10px } #ProductBrowserPagination ul li a, #ArticlePagination ul li a { color:#00baf2; background:url(../images/bak_pagination_page.png) no-repeat 0 0 } #ProductBrowserPagination ul li a:hover, #ArticlePagination ul li a:hover { text-decoration:none } #ProductBrowserPagination ul li a:focus, #ArticlePagination ul li a:focus { outline:none } #ProductBrowserPagination ul li.previous a, #ProductBrowserPagination ul li.next a, #ArticlePagination ul li.previous a, #ArticlePagination ul li.next a { width:22px } #ProductBrowserPagination ul li a.buttonSmall, #ArticlePagination ul li a.buttonSmall { width:auto; padding-right:2px; text-transform:none } #ProductBrowserPagination ul li a.buttonSmall span, #ArticlePagination ul li a.buttonSmall span { font-size:0.6875em } #ProductBrowserPagination ul li.previous span, #ProductBrowserPagination ul li.next span, #ArticlePagination ul li.previous span, #ArticlePagination ul li.next span { display:none } /* normal buttons */ .button { display:-moz-inline-box; display:inline-block; padding-right:2px; text-transform: uppercase; background:transparent url(../images/sprite_buttons.png) no-repeat 100% -600px; line-height:1.2; font-family:Arial, Helvetica, sans-serif;} .button:hover { background-position:100% -640px; text-decoration:none } .button:active { background-position:100% -680px } .button:focus { outline:none } .button.disabled:hover { background-position:100% -600px } button.button, x:-moz-any-link { height:2.7em; padding-right:0; background-position:100% 600px } button.button:hover, x:-moz-any-link { background-position:100% -640px } button.button:active, x:-moz-any-link { background-position:100% -680px } .button span, .button input { display:block; height:1.09em; padding:7px 8px 8px 10px; font-size:1.1em; font-weight:bold; color:#00baf2; background:transparent url(../images/sprite_buttons.png) no-repeat 0 -480px; cursor:pointer } .button input { display:inline; height:2.455em; text-transform:uppercase } .button:hover span, .button:hover input { background-position:0 -520px } .button:active span, .button:active input { background-position:0 -560px } .button.disabled span, .button.disabled input { color:#999 } .button.disabled:hover span, .button.disabled:hover input { background-position:0 -480px; cursor:default } /* Product Highlight Hero */ #ProductHighlight { width:940px; margin-bottom:20px } #ProductHighlight .left { float:left; width:345px; margin-top:0px; color:#fff } #ProductHighlight .left h1 { font-size:1.6em; line-height:1.2; text-transform:uppercase; color:#fff;margin:0 0 0px 0;} #ProductHighlight .left h2 { margin:0px; font-size:4.0em; line-height:1.1; text-transform:uppercase; color:#fff; padding:0; margin-top:10px;} #ProductHighlight .left p { font-size:1.1em; font-family:Verdana, Arial, sans-serif; line-height:2 } #ProductHighlight .left p.description { margin-top:10px; font-family:Arial, sans-serif; font-size:1.6em; font-weight:bold; line-height:1.2; color:#fff;} #Container.black #ProductHighlight .left p.description { color:#D9D9D9} #Container.black #ProductHighlight .left p a { line-height:2 } #ProductHighlight .left h1 {color: #444444;font-size: 1.6em;line-height: 1.2;margin: 0 0 0;text-transform: uppercase;} #ProductHighlight .left a { color:#666666; text-decoration:underline } #ProductHighlight .left a.buttonBlue { text-decoration:none; font:normal 0.9em Arial, Helvetica, sans-serif;} #ProductHighlight .left a.buttonBlue span{padding-top:6px; padding-bottom:14px;} #ProductHighlight .left h2 {color: #444444;font-size: 3.2em;line-height: 1.1;margin: 10px 0 0;padding: 0;text-transform: uppercase;} #ProductHighlight .left .features { border-top:1px dashed #fff; border-bottom:1px dashed #fff; padding:10px 0 15px; margin-top:20px; height:1% } #Container.black #ProductHighlight .left .features { border-color:#999 } #ProductHighlight .left .features strong.buttonBlue { margin-top:10px; } #ProductHighlight .left .features .price { float:left; width:140px; margin-bottom:0px } #ProductHighlight .left .features .price.nuggets2 { width:210px; } #ProductHighlight .left .features .price.nuggets1 { width:280px; } #ProductHighlight .left .features .price.nuggets0 { width:100%; } #ProductHighlight .left .features .nuggets0 .priceDetail { font-size:14px;margin:10px 0;color:#666 } #ProductHighlight .left .features .nuggets0 .priceDetail span { margin-top:0.2em;text-transform:uppercase; line-height:1.23 } #ProductHighlight .left .features .nuggets0 .priceDetail strong { margin-left:5px;font-weight:bold; line-height:1.23; white-space:nowrap } #ProductHighlight .left p.description {color: #444444;font-family: Arial,sans-serif;font-size: 1.6em;font-weight: bold;line-height: 1.2;margin-top: 10px;} #ProductHighlight .left .features .price dt { margin:0.3em 0.5em 0 0; float:left; font-family:Arial,Verdana,sans-serif; font-size:1.1em; font-weight:normal; text-transform:uppercase; } #ProductHighlight .left .features .price dd { font-size:1.6em; } #ProductHighlight .left .features .price dt.txtInfo, #ProductHighlight .left .features .price dd.txtInfo { color:#fff } #ProductHighlight .left .features .price div span { margin:0.3em 0.5em 0 0; font-family:Arial,Verdana,sans-serif; font-size:1.1em; font-weight:normal; text-transform:uppercase; } #ProductHighlight .left .features .price div strong { font-weight:normal; font-size:1.6em; white-space:nowrap } #ProductHighlight .left .features .price div.txtInfo span { color:#fff; } #ProductHighlight .left .features .price div.txtInfo strong { font-weight:bold; color:#fff; } #ProductHighlight .left .features .price p .buttonBlue { margin:10px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.909em; line-height:1 } #Container.black #ProductHighlight .left .features .price p .buttonBlue { line-height:1 } #ProductHighlight .left .features .price p .whereToBuy { display:inline-block; margin:10px 0; } #ProductHighlight .left .features .price dt + p {line-height:1.5} #ProductHighlight .left .features a.alertNotification { font-family:Verdana, Arial, sans-serif; margin-top:-5px; font-size:1.1em;line-height:1.6 } #ProductHighlight .left .features .alertNotificationPopupContent p {font-size:1.1em;line-height:1.2 } #ProductHighlight .left .features .alertNotificationPopupContent p a.buttonBlue {margin:0; line-height:1} #Container.black #ProductHighlight .left .features .alertNotificationPopupContent p a.buttonBlue {margin:0; line-height:1} #ProductHighlight .left .features .alertNotificationPopupContent p a.buttonBlue span {margin:0;font-weight:bold;font-size:1.2em } #ProductHighlight .left .features .alertNotificationPopupContent h4 {font-size:1.4em; } #ProductHighlight .left .features .options { float:right; margin:0; margin-top:15px;} #ProductHighlight .left .features .options li { float:right; width:64px; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-align:center; line-height:1.23 } #ProductHighlight .left .features .options li a { display:block; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:11px;} #ProductHighlight .left .features .options li a:hover { text-decoration:none } #ProductHighlight .left .features .options li a:focus { outline:none } #ProductHighlight .left .features .options li a span { display:block; height:50px; margin-bottom:5px; background:transparent none no-repeat 50% 0 } #ProductHighlight .left .features .options li.video a span { background-image:url(../images/ico_video.png) } #ProductHighlight .left .features .options li.photo a span { background-image:url(../images/ico_photo.png) } #ProductHighlight .left .features .options li.threeD a span { background-image:url(../images/ico_360.png) } #ProductHighlight .left .features .options li a:hover span { background-position:50% -50px } #ProductHighlight .left .features .options li a:active span { background-position:50% -100px } #ProductHighlight .left .features .itemAttribute { font-size:1em } #ProductHighlight .left .features .caveat { clear:both; padding-top:5px } #ProductHighlight .left .rating { clear:both; font-size:1.2em } #ProductHighlight .left .rating p { font-size:1.2em } #ProductHighlight .left .rating a { font-size:1em; text-decoration:underline } #ProductHighlight .right { float:right; width:562px; text-align:right } #ProductHighlight .right .tabs { float:right; height:24px; margin-bottom:0;} #ProductHighlight .right .tabs li { float:left; font-weight:bold; text-transform:uppercase; display:inline;} #ProductHighlight .right .tabs li a { color:#ffffff; display:block; padding:5px 7px 4px 7px; background:transparent url(../images/bak_tabs_bg.png) repeat-x 0 0; border-right:1px solid #cccccc; font:bold 1em Arial, Helvetica, sans-serif;} #ProductHighlight .right .tabs li a:hover { text-decoration:none } #ProductHighlight .right .tabs li.first a { background:transparent url(../images/bak_tabs_left.png) no-repeat 0 0 } #ProductHighlight .right .tabs li.last a { background:url(../images/bak_tabs_right.png) no-repeat 100% 0; border-right:none } #ProductHighlight .right .tabs li a:hover, #ProductHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px } #ProductHighlight .right .tabs li.last a:hover, #ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px } #Container.black .productSpecHighlight .right .tabs li a , #Container.black #ProductHighlight .right .tabs li a { color:#ffffff; display:block; padding:6px 10px; background:transparent url(../images/bak_blk_tabs_bg.png) repeat-x 0 0; border-right:1px solid #000000 } #Container.black .productSpecHighlight .right .tabs li.first a , #Container.black #ProductHighlight .right .tabs li.first a { background:transparent url(../images/bak_blk_tabs_left.png) no-repeat 0 0 } #Container.black .productSpecHighlight .right .tabs li.last a ,#Container.black #ProductHighlight .right .tabs li.last a { background:url(../images/bak_blk_tabs_right.png) no-repeat 100% 0; border-right:none } #Container.black .productSpecHighlight .right .tabs li a:hover, #Container.black #ProductHighlight .right .tabs li a:hover, #ProductHighlight .right .tabs li a.active , #Container.black #ProductHighlight .right .tabs li a.active, body.pro .productSpecHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px } #Container.black .productSpecHighlight .right .tabs li.last a:hover, #Container.black #ProductHighlight .right .tabs li.last a:hover, #Container.black .productSpecHighlight .right .tabs li.last a.active, #Container.black #ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px } #ProductHighlight .right img { margin-top:45px } body.pro #ProductHighlight .right img { margin-top:10px } .articleBody ul.awards{ padding:1em 0; margin:0} ul.awards li{margin-right:10px; display:inline;} /* Product Article */ #ProductArticle.genericRoundedCorners > .content{ padding:15px 24px;} /* Modules */ /* generic sidebars */ .genericSidebarNarrow { width:200px } .genericSidebarNarrow.floatLeft { margin-right:30px } .genericSidebarNarrow.floatRight { margin-left:30px } .genericSidebarNarrow .genericRoundedCorners > .content { padding:7px 10px } .genericSidebarMedium { width:280px } .genericSidebarMedium.floatLeft { margin-right:25px } .genericSidebarMedium.floatRight { margin-left:25px } .genericSidebarMedium .genericRoundedCorners .content { padding:7px 15px } .genericSidebarModule { margin-bottom:20px } .genericSidebarModule > .content { padding:5px 10px } .genericSidebarModule h3 { font-size:1.6em; font-weight:bold } .genericSidebarModule h3, .genericSidebarModule p, .genericSidebarModule .buttonBlue { margin-bottom:10px } .genericSidebarModule p, .genericSidebarModule .relatedLinks { font-family:Verdana, Arial, sans-serif; font-size:1.1em } .genericSidebarModule .relatedLinks { margin-bottom:5px } .genericSidebarNarrow .module, .genericSidebarMedium .module { margin-bottom:30px } /* Product Benefits */ #ProductArticle .benefits { } #ProductArticle .benefits h4 { margin-bottom:10px; font-size:1.2em; text-transform:uppercase } #ProductArticle .benefits ul { } #ProductArticle .benefits ul li { margin-bottom:15px } #ProductArticle .benefits ul li:after { content:"."; display:block; clear:both; height:0; visibility:hidden } #ProductArticle .benefits ul li h5 { margin-bottom:5px; font-weight:bold; font-size:1.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; line-height:1em;} body.green #ProductArticle .benefits ul li h5 { color:#B3CA35 } body.orange #ProductArticle .benefits ul li h5 { color:#FF7A00 } body.pink #ProductArticle .benefits ul li h5 { color:#C3009E } body.purple #ProductArticle .benefits ul li h5 { color:#80379B } body.pro #ProductArticle .benefits ul li h5 { color:#ffffff } #ProductArticle .benefits ul li p { margin-left:75px; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } body.pro #ProductArticle .benefits ul li p { color:#e1e1e1 } #ProductArticle .benefits .footer { font-family:Verdana, Arial, sans-serif; font-size:1.1em } /* Benefit Icon */ .benefitIcon { position:relative; float:left; width:60px; height:60px; margin-right:15px; background-color:#a6beca } body.green .benefitIcon { background-color:#a6beca} body.orange .benefitIcon { background-color:#a6beca } body.pink .benefitIcon { background-color:#a6beca} body.purple .benefitIcon { background-color:#a6beca } body.business .benefitIcon { background:url(../images/ico_business.gif) repeat-x top } body.pro .benefitIcon { width:60px; height:60px; background-color:#a6beca; padding:0 } /* Article Sidebar Teaser */ .genericSidebarMedium .teaser { } .genericSidebarMedium .teaser .content { padding-bottom:10px } .genericSidebarMedium .teaser h4 { margin-bottom:5px; font-size:1.6em; font-weight:bold; text-transform:none; line-height:1.2; padding:0; font-family:Arial, Helvetica, sans-serif;} .genericSidebarMedium .teaser h4 a { line-height:1.2 } .genericSidebarMedium .teaser img { float:right; margin:0 -15px 20px 0px } .genericSidebarMedium .teaser .fullWidth { margin:0 -15px; text-align:right } .genericSidebarNarrow .teaser .fullWidth {margin:0 -10px; text-align:right; overflow:hidden;} .genericSidebarMedium .teaser .fullWidth img { margin:0 0 10px 0 } .genericSidebarMedium .teaser p { margin-top:5px; font-family:Verdana, Helvetica, sans-serif; font-size:1.1em; line-height:1.2 } body.pro .genericSidebarMedium .teaser p { color:#e1e1e1} /* Product Downloads */ .downloads { width:195px } .downloads .mainDownload { height:140px; margin:0 0 15px 3px; background-color:#00BAF2 } body.green .downloads .mainDownload { background-color:#B3CA35 } body.orange .downloads .mainDownload { background-color:#FF7A00 } body.purple .downloads .mainDownload { background-color:#80379B } body.pink .downloads .mainDownload { background-color:#C3009E } body.business .downloads .mainDownload { background:#686868 url(../images/bak_downloads_business.png) repeat-x 0 0 } body.pro .downloads .mainDownload { background-color:#4D4D4D } .downloads .mainDownload .content { height:120px; margin-left:-3px; padding:10px 20px 10px 20px; border:none; color:#fff; background:transparent url(../images/bak_download_main.png) no-repeat 0 0 } .downloads .mainDownload .content h4, .downloads .mainDownload .content p { margin:0; font-size:1.6em; color:#fff; text-transform:uppercase; line-height:1 } .downloads .mainDownload .content h4{padding-bottom:0;} .downloads .mainDownload .content p { margin-top:5px; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;} .downloads .mainDownload .content a { color:#fff } .downloads .mainDownload .content a:hover { text-decoration:none } .downloads .mainDownload .content a.downloadLink { display:block; margin-top:10px; padding:1px 0 0 20px; background:transparent url(../images/ico_download_white.gif) no-repeat 0 0; font-size:1.2em;} .downloads .mainDownload .content a.downloadLink:hover { text-decoration:underline } .download ul{font-size:1em;} .downloads li { margin-bottom:10px } .downloads li p { display:block; min-height:42px; padding:1px 0 0 42px; font-size:0.9em; font-family:Verdana, Arial, sans-serif; line-height:1.2; background:transparent url(../images/ico_download.png) no-repeat 0 0 } body.pro .downloads li p { background-image:url(../images/ico_download_pro.png) } .downloads li p a { line-height:1.2 } .downloads li p span { display:block; margin-top:1px; color:#999 } /* Article Body */ .articleBody { margin-bottom:30px;width:550px;margin-left:0px;margin-right:0px } .articleBody.right { margin-left:310px } .articleBody h3 { margin-bottom:10px; font-size:3em; font-weight:normal; color:#4d4d4d } .articleBody h4, .productArticle h4.summary, .productArticle h4 span.summary { margin-bottom:10px; font-size:1.6em; color:#4d4d4d; font-family:Arial, Helvetica, sans-serif; padding:0;} .productArticle h4 span.summary{font-size:1.4em;} .articleBody p { font-family:Verdana, Arial, sans-serif; font-size:1.2em; color:#555555; line-height:22px } .articleBody p + h4 { margin-top:20px } .articleBody p + p { margin-top:10px } .articleBody p.summary, .productArticle p.summary, p.summary, .productArticle p span.summary { color:#999999; font-family:Arial, sans-serif; font-size:2em; margin: 0 0 25px 0; line-height:1.2 } .productArticle p span.summary{font-size:1.6em;} .articleBody p.caveat { margin-top:20px; font-size:1em; line-height:1.2 } .articleBody ul, .productArticle ul { margin-left:15px; list-style:disc none outside; font-size:12px; line-height:18px; } .articleBody ol, .productArticle ol{margin-left:15px; font-size:12px; line-height:18px;} .articleBody ul + h4, .productArticle ul + h4 { margin-top:20px } .articleBody ul li, .productArticle ul li { margin-bottom:10px; list-style:disc none outside; font-family:Verdana, Arial, sans-serif; font-size:1em; color:#666666 } .articleBody ul li ul, .productArticle ul li ul{margin-top:5px; margin-bottom:5px;} .articleBody ul li ul li, .productArticle ul li ul li{margin-bottom:5px;} .articleBody ol li, .productArticle ol li{font-size:1em;} .articleBody table { width:auto; border-bottom:1px solid #e1e1e1; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } .articleBody table + h4 { margin-top:20px } .articleBody table thead tr { border-bottom:1px solid #e1e1e1 } .articleBody table tbody tr + tr { border-top:1px dashed #ccc } #Container.black .articleBody table tbody tr + tr { border-color:#999 } .articleBody table tr th, .articleBody table tr td { padding:10px } .articleBody img.floatLeft, .articleBody img.floatRight { margin-bottom:20px } .articleBody img.floatLeft { margin-right:25px } .articleBody img.floatRight { margin-left:25px } .articleBody #FlashVideoPlayer { margin-top:30px } .articleBody #FlashVideoPlayer + h4, .articleBody #FlashVideoPlayer + p { margin-top:30px } img.fullWidthImage { margin-bottom:30px } .articleBody a { color:#00BAF2 } .articleBody a:hover { text-decoration:underline } body.pro .articleBody h4 { color:#ffffff } body.pro .articleBody h3 { color:#ffffff } body.pro .articleBody p { color:#e1e1e1 } body.pro .articleBody li { color:#e1e1e1 } body.pro .articleBody table tbody { color:#e1e1e1 } body.pro .articleBody p.summary { color:#d9d9d9 } body.pro .articleBody a { color:#7FD1F1 } /* Article Sidebar */ #ProductArticle .genericSidebarMedium p, #ConsumableProduct .genericSidebarNarrow p { margin-top:5px; font-family:Verdana, Helvetica, sans-serif; font-size:1.1em; line-height:1.2 } /* Product Sidebar - Tech Specs */ .productSpecSidebar { float:left; width:200px; padding:20px 0 0 0 } .productSpecSidebar .productImage { margin-bottom:10px; padding-bottom:20px; border-bottom:1px dashed #ccc } #container.black .productSpecSidebar .productImage { border-color:#999 } .productSpecSidebar .price { border-bottom:1px dashed #ccc; margin-bottom:10px; padding-bottom:10px} .productSpecSidebar .price p { margin-top:10px; font-size:1.1em; font-family:Verdana, Arial, sans-serif } .productSpecSidebar .price p .buttonBlue input { font-size:1.1em; } .productSpecSidebar .price p.upper { margin:5px 0;font-size:1.1em; } .productSpecSidebar .alertNotificationPopupContent p { margin:0; font-size:1em } .productSpecSidebar .alertNotificationPopupContent p .buttonBlue { margin:0;} #container.black .productSpecSidebar .price { border-color:#999 } .productSpecSidebar .price dl { margin-bottom:10px; } .productSpecSidebar .price dt { margin-top:0.2em; float:left; font-size:1.1em; text-transform:uppercase; line-height:1.23 } .productSpecSidebar .price dd { margin-left:2.75em; font-size:1.4em; font-weight:bold; line-height:1.2 } .productSpecSidebar .price .priceDetail { font-size:14px;margin:10px 0;color:#666 } .productSpecSidebar .price .priceDetail span { margin-top:0.2em;text-transform:uppercase; line-height:1.23 } .productSpecSidebar .price .priceDetail strong { margin-left:5px;font-weight:bold; line-height:1.23; white-space:nowrap } .productSpecSidebar .price .buttonBlue { margin:10px 0; text-decoration:none;} .productSpecSidebar .price a.link { font-family:Verdana, Arial, sans-serif; font-size:1.1em } .pageActionVertical{ margin:20px 0 } .pageActionVertical a { display:block } /* Buttons */ .buttonAddons { display:inline-block; padding:7px 0; color:#00baf2 } .buttonAddons:hover { text-decoration:none } .buttonAddons:focus { outline:none } .buttonAddons span { margin-left:35px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .buttonAddons:hover span { text-decoration:underline } .imagePrint { background:url(../images/btn_print.png) no-repeat 0 0 } .imageExcel { background:url(../images/btn_excel.png) no-repeat 0 0 } .imageEmail { background:url(../images/btn_email.png) no-repeat 0 0 } .imagePrevious { background:url(../images/btn_previous.png) no-repeat 0 0 } body.pro .imagePrint {background:url(../images/btn_blk_print.png) no-repeat 0 0 } body.pro .imageEmail { background:url(../images/btn_blk_email.png) no-repeat 0 0 } body.pro .imagePrevious { background:url(../images/pro_back_to_button.png) no-repeat 0 0 } /* contact module variation 1 */ .contactOptionsModule { margin-bottom:20px } .contactOptionsModule > .content { padding:5px 10px } .contactOptionsModule.horizontal > .content { padding:0 } .contactOptionsModule.horizontal .chatDetails { float:left; width:428px; min-height:90px; padding:17px 15px; border-right:1px solid #e1e1e1 } #Support .contactOptionsModule.horizontal .chatDetails { padding-bottom:0 } #Container.black .contactOptionsModule.horizontal .chatDetails { border-color:#5D5E5F } .contactOptionsModule.horizontal .callDetails { float:right; width:169px; margin:0; padding:10px 15px; border:none } .contactOptionsModule.horizontal .callDetails a.button { margin-top:5px; } #Support .contactOptionsModule.horizontal .callDetails { padding:20px 15px 10px } .contactOptionsModule h3 { font-size:1.6em } .contactOptionsModule h4 { margin-bottom:5px; font-size:1.2em } .contactOptionsModule p { font-family:Verdana, Arial, sans-serif; font-size:1.1em } .contactOptionsModule h3, .contactOptionsModule p, .callDetails { margin-bottom:10px; line-height:1.2 } .contactOptionsModule a.buttonBlue + *, .contactOptionsModule a.button + * { margin-top:10px } .contactOptionsModule .callDetails { margin-bottom:15px; padding:15px 0 10px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc } #Container.black .contactOptionsModule .callDetails { border-color:#999 } .contactOptionsModule .callDetails .vcard { margin-bottom:5px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .contactOptionsModule.horizontal .chatDetails a.buttonBlue { margin-bottom:0 } .contactOptionsModule.fullWidth .topRow, .contactOptionsModule.fullWidth .bottomRow { padding:0px 15px } .contactOptionsModule.fullWidth .chatDetails { float:left; width:350px; } .contactOptionsModule.fullWidth .chatDetails p, .contactOptionsModule.fullWidth .chatDetails a.button, .contactOptionsModule.fullWidth .callDetails a.buttonSmall { margin-bottom:0 } .contactOptionsModule.fullWidth .callDetails { border:none; margin-bottom:0; padding:0} .contactOptionsModule.fullWidth .callDetails p{ margin-bottom:0 } .contactOptionsModule.fullWidth .callDetails p.vcard span.type { padding:0 10px; border-left:1px solid #D9D9D9} .contactOptionsModule.fullWidth .callDetails p.vcard span.type:first-child { padding-left:0; border-left:none } .contactOptionsModule.horizontalHelpModule .callDetails { margin:0; padding:0; border:none } .contactOptionsModule.horizontalHelpModule p { margin:5px 0 0 } .contactOptionsModule.horizontalHelpModule .callDetails p{ margin:0 } #CheckoutSection .contactOptionsModule.horizontalHelpModule .callDetails p strong { color:#4d4d4d } .contactOptionsModule.horizontalHelpModule .callDetails p.vcard span.type { padding:10px 0; line-height:1.5 } /* main width and float for the product specification table */ .productSpecPosition { float:right; width:660px } /* General Table styling Added on 22Oct by vinay@qais */ .productSpecPosition table{width:100%;} .productSpec { } .productSpec h2 { margin-bottom:10px; font-size:2.5em; font-weight:normal } /* table properties for product comparison & product specifications*/ table.specContainer { width:100% } table.specContainer thead { display:none } table.specContainer tr, .productSpecPosition table tr { font-size:1.2em; border-top:1px dashed #ccc } body.pro table.specContainer tr { border-color:#999 } table.specContainer tr:first-child , body.pro table.specContainer tr:first-child{ border-top:none } table.specContainer tr.alt, .productSpecPosition table tr.alt { background-color:#f2f2f2 } body.pro table.specContainer tr.alt { background-color:#454545 } table.specContainer tr td , table.specContainer tr th, .productSpecPosition table tr th { padding:20px; text-align:left; color:#4d4d4d;} table.specContainer tr th h4 { margin-bottom:5px; font-size:1.167em; font-weight:bold } table.specContainer tr th p { font-family:Verdana, Arial, sans-serif; font-size:0.9167em; font-weight:normal; line-height:1.2 } table.specContainer tr td { text-align:left; line-height:1.3; border-left:1px solid #e1e1e1 } table.specContainer tr td.tick { text-align:center; } body.pro table.specContainer tr td { border-color:#5c5c5c } table.specContainer tr th img { float:left; margin-right:10px } table.specContainer .hiddenRow { height:1px; display:none } table.specContainer tbody tr td { font-family:Verdana,Arial,sans-serif;font-size:0.9167em } /* generic collapsible table */ .genericCollapsibleModule { margin-bottom:20px } .genericCollapsibleModule .header { padding-right:37px; text-align:left; border-bottom:1px solid #e1e1e1; background:transparent url(../images/ico_collapsible_arrow.png) no-repeat 100% -34px } #Container.black .genericCollapsibleModule .header { background-image:url(../images/ico_blk_collapsible_arrow.png) } .genericCollapsibleModule .open { background-position:100% 0; border-bottom:none } #Container.black .genericCollapsibleModule .header { border-bottom-color:#4d4d4d } .genericCollapsibleModule .header span { display:block; height:15px; padding:8px 10px 8px 10px;font-size:1.6em; font-weight:bold ;background:transparent url(../images/bak_collap_header_l.png) no-repeat 0 0; cursor:pointer; color:#4d4d4d;} #Container.black .genericCollapsibleModule .header span { background-image:url(../images/bak_blk_collap_header_l.png) } .genericCollapsibleModule .collapsibleContent { border:1px solid #e1e1e1; border-top:none } #Container.black .genericCollapsibleModule .collapsibleContent { border-color:#4d4d4d } /* generic collapsible section */ .genericCollapsibleSection { } .genericCollapsibleSection .header .content { padding:7px 15px } .genericCollapsibleSection .header h3 { padding:1px 0 1px 35px; font-size:2em; font-weight:normal; color:#00BAF2; background:url(../images/bak_support_arrow.png) no-repeat 0 0; margin:0; line-height:1;} #Container.black .genericCollapsibleSection .header h3 { margin:0; color:#7FD1F1; background-image:url(../images/bak_support_arrow_blk.png) } .genericCollapsibleSection .header.open h3 { background-position:0 -23px } .genericCollapsibleSection .header.open .bottom { visibility:hidden } /* Consumable Product */ #ConsumableProduct > .content{padding:15px 24px;} #ConsumableProduct h1.txtMainHeader { margin-bottom:10px; padding:15px 0 } #ConsumableProduct h2.txtMainHeader { margin:0 0 10px 100px; padding:15px 0 } #ConsumableProduct .configurationOptions { float:left; width:660px } /* TEXT */ .txtDark, .txtDarkSmall, .txtDarkNormal, .txtDarkMedium, .txtDarkLarge { color:#4d4d4d } .txtLight, .txtLightSmall, .txtLightNormal, .txtLightMedium, .txtLightLarge { color:#999 } .txtError, .txtErrorSmall, .txtErrorNormal, .txtErrorMedium, .txtErrorMediumLarge, .txtErrorLarge { color:#ed1c24 } .txtBenefit, .txtBenefitSmall, .txtBenefitNormal, .txtBenefitMedium, .txtBenefitLarge { color:#a1cd3a } .txtInfo, .txtInfoSmall, .txtInfoNormal, .txtInfoMedium, .txtInfoLarge { color:#f7931e } .txtRequired, .txtRequiredSmall, .txtRequiredNormal, .txtRequiredMedium, .txtRequiredLarge { color:#00baf2 } .txtSmall, .txtDarkSmall, .txtLightSmall, .txtErrorSmall, .txtBenefitSmall, .txtInfoSmall, .txtRequiredSmall { font-family:Verdana, Arial, sans-serif; font-size:1.1em } .txtNormal, .txtDarkNormal, .txtLightNormal, .txtErrorNormal, .txtBenefitNormal, .txtInfoNormal, .txtRequiredNormal { font-family:Arial, sans-serif; font-size:1.2em } .txtMedium, .txtDarkMedium, .txtLightMedium, .txtErrorMedium, .txtBenefitMedium, .txtInfoMedium, .txtRequiredMedium { font-family:Arial, sans-serif; font-size:1.4em; } .txtMediumLarge, .txtDarkMediumLarge, .txtLightMediumLarge, .txtErrorMediumLarge, .txtBenefitMediumLarge, .txtInfoMediumLarge, .txtRequiredMediumLarge { font-family:Arial, sans-serif; font-size:1.6em } .txtLarge, .txtDarkLarge, .txtLightLarge, .txtErrorLarge, .txtBenefitLarge, .txtInfoLarge, .txtRequiredLarge { font-family:Arial, sans-serif; font-size:2em } p.txtNormal, p.txtDarkNormal, p.txtLightNormal, p.txtErrorNormal, p.txtBenefitNormal, p.txtInfoNormal, p.txtRequiredNormal { line-height:1.5 } p.txtMedium { line-height:1.2 } .txtMainHeader { margin-bottom:20px; font-size:3em; font-weight:normal } .txtSubHeader { margin:30px 0 10px; font-size:2.5em; font-weight:normal } .txtSummaryHeader { font-family:Arial, sans-serif; font-size:2em; color:#999; line-height:1.2 } .txtDescriptionHeader, .txtNormalAlt {font-family:Verdana, Arial, sans-serif; font-size:1.2em;line-height:1.5} .upper { font-weight:normal; text-transform:uppercase } .upperStrong { text-transform:uppercase } /* consumable product items */ .consumableProList + .consumableProList { margin-bottom:15px } #ConsumableProduct #footerCart {margin-top:15px} .consumableProList + .checkoutTotal { margin-top:15px } .consumableProList h2, .consumableProList h3, .consumableProList p { margin-bottom:10px } .consumableProList h2 { margin-top:30px; font-size:2.5em; font-weight:normal } .consumableProList h3 { padding-top:10px; font-size:1.6em } .consumableProList h3.category { padding-top:0px; font-size:2em; font-weight:normal } .consumableProList ul li.productItem { min-height:0; padding:0 0 10px 0 } .consumableProList .consumableProListContent { padding-top:15px; border-top:1px dashed #e1e1e1 } .consumableProList .consumableProListContent:first-child, .consumableProList p.txtNormalAlt + .consumableProListContent, .consumableProList h2 + .consumableProListContent { border-top:1px solid #e1e1e1 } .consumableProList.genericCollapsibleSection .consumableProListContent { border-top:none } .consumableProList .consumableProListContent + .consumableProListContent { margin-top:15px } .consumableProList.genericCollapsibleSection { margin-top:20px } .consumableProList.genericCollapsibleSection + .consumableProList.genericCollapsibleSection { margin-top:10px } .collapsibleContent .consumableProListContent { border-top:none } .consumableProList .floatRight .buttonBlue, .consumableProList .floatRight .buttonBasket {margin-left:10px} .consumableProList .consumableProListContent .consumableProImage { float:left; width:200px; margin-right:10px; font-size:1.6em; font-weight:bold } .consumableProList .consumableProListContent .consumableProImage img { margin-bottom:10px } .consumableProList .consumableProListContent .consumableProImage p{font-size:1em; text-align: center} .consumableProList .consumableProListContent .consumableProListContentData { margin-left:210px } .consumableProList .subHeaderTitle { float:left; width:445px } .consumableProList .subHeaderTitle h3 { padding-top:0; font-size:1.6em } .consumableProList .subHeaderTitle h3 img { margin-left:10px; vertical-align:top } .consumableProList .subText { margin-left:210px } .consumableProList .formItem textarea { margin: 0 0 10px 210px; font-size:1.1em } .consumableProList .formItem #f_terms_conditions { width:425px; height:130px; margin: 0 0 10px 210px; padding:5px; font-size:1.2em; line-height:1.2; overflow:auto; border:1px solid #e4e4e4; background: #FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0 } .consumableProList ul.productList { float:left; margin-bottom:10px; /* border-bottom:1px dashed #ccc; */ font-family:Verdana, Arial, sans-serif; font-size:1.1em; } #Container.black .consumableProList ul.productList { border-color:#999 } .consumableProList .subHeaderTitle + ul.productList { margin:20px 0 0 210px; border-top:1px dashed #ccc } .consumableProList.genericCollapsibleSection .subHeaderTitle + ul.productList { margin-left:0 } #Container.black .consumableProList .subHeaderTitle + ul.productList { border-color:#999 } .consumableProList ul.productList li { padding-top:10px } .consumableProList .subHeaderTitle + ul.productList li:first-child { padding-top:10px } .consumableProList ul.productList li + li { margin-top:10px; border-top:1px dashed #ccc } #Container.black .consumableProList ul.productList li + li { border-color:#999 } .consumableProList ul.productList li .col { float:left } .consumableProList ul.productList li .col.name p { line-height:1.4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em;} .consumableProList ul.productList li .col.price{float:right;} .consumableProList ul.productList li .col { margin-left:10px } .consumableProList ul.productList li .col:first-child { margin-left:0px } .consumableProList ul.productList li .col.radio.now input { margin-top:15px } .productList p { margin-bottom:5px } .productList .image { width:200px; min-height:1px } .productList .ink { width:45px } .productList .name { width:262px; font-weight:bold } .productList.wide .name { width:360px } .productList .name .txtLight { font-weight:normal } .productList .description { width:320px; } .productList .description h4 { margin-bottom:5px; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;} .productList .description p { line-height:1.2 } .productList .price { width:120px; line-height:1; text-align:right } .productList .price p{font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;} .productList .price p.txtInfo { text-transform:uppercase } .productList .medium { width:205px } .productList .quantity { width:100px; text-align:right } .productList .quantity div.jsDropdown { margin-top:-5px } .productList .warranty { width:450px; font-weight:bold } .productList .type { width:100px; text-align:right } .productList .type label { text-transform:uppercase } /* support */ #Support > .content { padding:15px 24px } #Support .support { float:left; width:660px; padding-top:15px; clear:both; min-height:500px; } /* product support */ #Support h2 { margin:0 0 0 100px; padding:15px 0 } #Support .pageActions { margin-bottom: 50px; padding-top:25px } #Support #f_selectos { margin-left:10px } /* Support sections */ #Support .supportSection { margin-top:30px } /* drivers */ #Support .drivers { margin:15px 0 30px } #Support .drivers h4 { margin-bottom:10px; padding-bottom:7px; font-size:1.6em; border-bottom:1px dashed #ccc } #Container.black #Support .drivers h4 { border-color:#999 } #Support .drivers h5 { padding:5px 0; font-size:1.6em } #Support .drivers h5 span { font-family:Verdana, Arial, sans-serif; font-size:0.6875em; font-weight:normal; color:#999 } #Support .drivers p { margin:0 100px 10px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 ; padding-top:10px } #Support .drivers h6 { font-family:Verdana,Arial,sans-serif; padding:10px 0 5px; font-size:1.1em } #Support .drivers .articleBody h6 { font-size:1.3em } #Support .drivers .articleBody u { font-family:Verdana, Arial, sans-serif;font-size:1.0em } #Support .drivers .articleBody ul { margin-top:10px; margin-left:40px } #Support .drivers .articleBody ul li { font-size:1.0em } #Support .AdvancedLabelBodyBlack p { font-size:1em } /* faq */ #Support .faq { margin:15px 0 30px } #Support .faq form { padding:10px 20px } #Support .faq form input[type=text] { font-size:1.2em } #Support .faq h4 { margin-bottom:10px; font-size:1.6em } #Support .faqContent { max-height:270px; padding:15px 20px; border-top:0px solid #E1E1E1; overflow:auto } #Support .faqContent ul li { margin-bottom:10px; font-size:1.2em; line-height:1.5; font-family:Arial, Helvetica, sans-serif;} #Support .faqContent ul li.download { padding-left: 24px; background:transparent url(../images/ico_download_small.png) no-repeat scroll 0 0; } body.pro #Support .faqContent ul li.download { background:transparent url(../images/ico_download_small_pro.png) no-repeat scroll 0 0; } #Support .faqContent ul li span { display:block; line-height:1.3; color:#999 } #Support .faqContent.loading { background:transparent url(../images/ani_loader_normal.gif) no-repeat 50% 50% } .black #Support .faqContent { border-top:1px solid #5D5E5F } .black #Support .faqContent.loading { background-image:url(../images/ani_loader_normal_black.gif) } #Support .faqContent h5 { margin-bottom:10px; font-size:1.4em } #Support .faqContent ul { margin-bottom:20px } /* manuals */ #Support .manuals { margin-bottom:20px } #Support .manuals h4 { margin-bottom:10px; font-size:1.6em } /* online documents */ #Support .onlineDocs { float:left; width:200px; margin-right:30px } #Support .onlineDocs ul { margin-top:10px; border-top:1px dashed #ccc } #Container.black #Support .onlineDocs ul { border-color:#999 } #Support .onlineDocs ul li { padding:5px 0; font-family:Verdana, Arial, sans-serif; font-size:1.1em; border-bottom:1px dashed #ccc } #Container.black #Support .onlineDocs ul li { border-color:#999 } .onlineManual { width:153px; height:108px; padding:10px 11px 55px 11px; background:transparent url(../images/bak_manual.gif) no-repeat 0 0 } .onlineManual a { display:block; height:88px; padding:10px; font-size:1.4em; color:#fff; text-transform:uppercase; line-height:1.2 } body.grey .onlineManual a { background-color: #F2F2F2 } body.green .onlineManual a { background-color: #B3CA35 } body.orange .onlineManual a { background-color: #FF7A00 } body.purple .onlineManual a { background-color: #80379B } body.pink .onlineManual a { background-color: #C3009E } body.turquoise .onlineManual a { background-color: #00B2A9 } body.royal .onlineManual a { background-color: #0073CF } body.myepson .onlineManual a { background-color: #DB4D69 } body.pro .onlineManual a { background:#4d4d4d url(../images/bak_professional.png) repeat-x 0 0; color:#fff } body.business .onlineManual a { background: #686868 url(../images/bak_business_gradient.png) repeat-x 0 0 } .onlineManual a strong { display:block } .onlineManual a span { padding-right:18px; background:transparent url(../images/ico_download_white.gif) no-repeat 100% 100% } #Support .findStore input[type=text] { width:250px } /* downloads */ #Support .support .downloads { display:inline-block; width:430px; } #Support .support .downloads ul { float:left; width:200px } #Support .support .downloads ul + ul { margin-left:30px } /* contact options */ #Support .contactOptionsModule { margin-top:30px } .black #Support .contactOptionsModule h3 { color:#fff } /* repair */ #Support .repair { margin-top:15px } #Support .repair .genericRoundedCorners > .content { padding:10px 15px } #Support .repair .articleBody { margin-bottom:15px } /* warranties */ #Support .consumableProListContent { margin-top:15px; border:none } #Support .consumableProList .floatRight .buttonBasket { margin:10px 11px 0 0 } #Support .consumableProList strong.buttonBlue { margin-right:10px } #Popup #f_dl_privacypolicy, #Popup #f_dl_licenseagreement { width:auto; height:130px; margin-bottom:10px; padding:5px; font-size:1.2em; line-height:1.2; overflow:auto; border:1px solid #e4e4e4; background: #FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0 } /* small download button */ .buttonDownload span { padding-left:25px; background-position:0 -2440px; font-size:1.1em;} .buttonDownload:hover span { background-position:0 -2480px } .buttonDownload:active span { background-position:0 -2520px } /* black small download button */ #Container.black .buttonDownload span { background-position:0 -2560px } #Container.black .buttonDownload:hover span { background-position:0 -2600px } #Container.black .buttonDownload:active span { background-position:0 -2640px } /* Consumable Finder */ #MyEpson > .content, #ConsumableFinder > .content {padding:10px 24px 35px;} #ConsumableFinder h1.txtMainHeader{font-size:2.5em;} /* Ink Finder */ .supportContent { position:relative; height:370px; margin:20px 0 } .supportContent .supportPanels { position:absolute; top:150px; left:20px; right:20px } .supportPanels { margin-bottom:30px } .supportPanels .supportPanel .content { min-height:12.5em; /*overflow:auto*/ } .supportPanels .supportPanel h2 { margin:0 0 20px; font-size:1.6em; font-weight:bold } .supportPanels .findProductSupport { float:left; width:310px; margin-right:20px } .supportPanels .findProductSupport .content{ padding:10px 15px } .supportPanels .findProductSupport input { width:265px; height:1.3em; margin-bottom:5px; padding:5px; padding-top:7px; font-size:1.6em } .supportPanels .findProductSupport .example { margin-bottom:10px; font-family:Verdana,Arial,sans-serif; font-size:1.1em } .supportPanels .mySupport { position:relative; float:left } .supportPanels .singlePrinter, .supportPanels .twoPrinters { width:260px } .supportPanels .threePrinters { width:370px } .supportPanels .fourPrinters { width:480px } .supportPanels .multiplePrinters { width:350px } .supportPanels .mySupport .content { padding:10px } .badgeMyEpson { position:absolute; top:0; right:0 } .supportPanels .mySupport select { width:300px } .supportPanels .mySupport ul.mySupportProducts { margin-top:-10px; margin-bottom:0;} .supportPanels .mySupport ul.mySupportProducts li { float:left; width:100px; margin-left:10px } .supportPanels .mySupport ul.mySupportProducts li:first-child { margin-left:0 } .supportPanels .mySupport ul.mySupportProducts a { font-family:Verdana, Arial, sans-serif; font-size:0.9em; line-height:1.2 } .supportPanels .mySupport ul.mySupportProducts img { width:88px; height:66px; margin-bottom:2px } /* media list */ #ConsumableFinder ul.paperMedia { margin-bottom:25px } ul.paperMedia li.column { float:left; width:250px; padding-left:35px } ul.paperMedia li.column:first-child { padding-left:0 } ul.paperMedia li.column h3 { margin-bottom:10px; padding:10px 0 5px; font-size:1.3em; border-bottom:1px dashed #ccc; font-family:Arial, Helvetica, sans-serif;} #Container.black ul.paperMedia li.column h3 { border-color:#999 } ul.paperMedia li.column img { float:left } ul.paperMedia li.column ul li { height:75px; margin-bottom:5px;} ul.paperMedia li.column ul li h4 { margin:0px 0 5px 90px; padding-top:0px; font-family:Verdana, Arial, sans-serif; font-size:0.75em; font-weight:bold } ul.paperMedia li.column ul li p { margin:5px 0 5px 90px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.2 } #ConsumableFinder h1.txtMainHeader { font-size:2.5em } /* Consumable Product */ /* consumable product list */ ul.consumableProducts { margin:20px 0 30px } ul.consumableProducts + ul.consumableProducts { margin-top:0; padding-top:20px; border-top:1px dashed #ccc } #Container.black ul.consumableProducts + ul.consumableProducts { border-color:#999 } ul.consumableProducts li { float:left; width:88px } ul.consumableProducts li + li { margin-left:50px } ul.consumableProducts li h3{font-size:0.85em;} ul.consumableProducts li a { font-family:Verdana, Arial, sans-serif; font-size:1.1em; line-height:1.2 } ul.consumableProducts li a img { margin-bottom:5px } /* Explore Epson */ /* epson world structure */ #container.electronic #HeroPane { min-height:200px } /* product structure */ #container.t02 { } #container.t02 #HeroPane { min-height:350px; margin-bottom:10px } #container.t02 #ProductArticle { margin-bottom:20px } #container.t02 #ProductBrowser { } /* article structure */ #container.t07 { } #container.t07 #ProductHighlight { min-height:380px; margin-bottom:10px } body.pro #container.t07 #ProductHighlight { min-height:420px } #container.t07 #ProductArticle { margin:20px 0 } #ProductArticle.genericRoundedCorners > .content { padding:15px 24px } /* explore epson teasers */ ul.exploreTeaser { margin:0px 0 32px 25px } ul.exploreTeaser li { float:left; width:280px; height:200px } ul.exploreTeaser li + li { margin-left:25px } /* m55 teaser */ .blockTeaser { position:relative } .blockTeaser img { display:block; width:280px; height:200px } .blockTeaser h5 { position:absolute; bottom:0; left:0; width:250px; padding:10px 15px; font-size:1.2em; line-height:1; font-family:Arial, Helvetica, sans-serif; margin:0; color:#fff; background:transparent url(../images/bak_teaseroverlay.png) no-repeat 0 100% } .blockTeaser:hover h5 { background:transparent url(../images/bak_teaseroverlay_blue.png) no-repeat 0 100% } .blockTeaser h5 a { color:#fff; text-decoration:none; line-height:1.2 } /* epson world carousel */ .teaserCarousel { } .teaserCarousel .content { position:relative; width:890px; padding:3px 25px 10px } .teaserCarousel .content h3 { clear:left; padding:0 0 5px 0; font-size:1.5em; line-height:1.2; text-transform:uppercase; color:#fff; margin:0;} .teaserCarousel .content a:focus { outline:none } .teaserCarousel .content a.prevPagination { position:absolute; top:50%; left:10px; width:45px; height:50px; margin-top:-25px; z-index:1; background:url(../images/bak_exploreTeaser_pagination.png) no-repeat 0 -285px } .teaserCarousel .content a.nextPagination { position:absolute; top:50%; right:10px; width:45px; height:50px; margin-top:-25px; z-index:1; background:url(../images/bak_exploreTeaser_pagination.png) no-repeat 0 -30px } .teaserCarousel .content a.prevPagination:active { background-position:0 -200px } .teaserCarousel .content a.nextPagination:active { background-position:0 -115px } .teaserCarousel .content .pageIndex { position:absolute; top:5px; right:25px } .teaserCarousel .pageIndex strong, .teaserCarousel .pageIndex span { float:left; width:12px; height:12px; margin-left:5px; background:transparent url(../images/bak_pageIndex.gif) no-repeat 0 0 } .teaserCarousel .pageIndex strong { background-position:0 -12px } .teaserCarousel .content ul { } .teaserCarousel .content ul li { float:left; width:280px; margin-bottom:25px } .teaserCarousel .content ul li + li { margin-left:25px } /* Pro Pages */ #ProductArticle{ margin-bottom:20px;} /* #ProductArticle ul{font-size:1em;} */ /* printer sol list */ .printersRange { margin-bottom:10px } .printersRange h4{ margin-bottom:20px; font-size:1.6em; color:#fff } .printersRange a { } .printersRange ul { margin-bottom:10px;} .printersRange ul li { float:left; width:98px; opacity:0.5; height:160px; margin-right:15px;} /*.printersRange ul li + li { margin-left:0; margin-right:15px; }*/ /* .printersRange ul li:hover { opacity:1 } */ .printersRange ul li p { font-family:Verdana,Arial,sans-serif; font-size:1em; color:#e1e1e1; line-height:normal; } .printersRange ul li p + p { margin-top:10px } .printersRange ul li a { color:#fff; line-height:1; font-size:0.9em;} .printersRange ul li a:hover { text-decoration:none } /* graphics art pro showcase */ #ProShowCase { position:relative; float:left; width:690px; height:380px; margin-left:40px } #ProShowCase img { position:absolute; top:0; left:0; width:380px; height:214px } #ProShowCase img.tempImage { opacity:0 } #ProShowCase .description { float:right; width:285px; margin-top:0; color:#fff; text-transform:uppercase } #ProShowCase .description h1 { margin-bottom:10px; font-size:1.8em; color:#fff;} #ProShowCase .description p { margin-bottom:10px; font-size:2.8em; font-weight:bold; line-height:1.1; color:#fff;} /* #ProShowCase .description a { display:none } */ body.pro .articleBody h4 { color:#ffffff } body.pro .articleBody h3 { color:#ffffff } body.pro .articleBody p { color:#e1e1e1 } body.pro .articleBody li { color:#e1e1e1 } body.pro .articleBody table tbody { color:#e1e1e1 } body.pro .articleBody h3.summary { color:#d9d9d9 } body.pro .articleBody a { color:#7FD1F1 } /* expandable list */ .expandableList { margin-bottom:30px } .expandableList h5 { margin-bottom:10px; padding-bottom:5px; font-size:1.2em; text-transform:uppercase; border-bottom:1px dashed #ccc } #Container.black .expandableList h5 { border-color:#999 } .expandableList li { margin-bottom:10px; font-size:1em;} .expandableList li h6 { font-size:1.4em; margin:0; padding:0; line-height:1; font-family:Arial, Helvetica, sans-serif;} #ProductArticle .expandableList li p, .expandableList li p { font-family:Verdana,Arial,sans-serif; font-size:0.9em; color:#fff;} .expandableList li a { color:#00BAF2 } #container.black .productSpecHighlight .right .tabs li a , #container.black #ProductHighlight .right .tabs li a { color:#ffffff; display:block; padding:5px 7px 4px; background:transparent url(../images/bak_blk_tabs_bg.png) repeat-x 0 0; border-right:1px solid #000000 } #container.black .productSpecHighlight .right .tabs li.first a , #container.black #ProductHighlight .right .tabs li.first a { background:transparent url(../images/bak_blk_tabs_left.png) no-repeat 0 0 } #container.black .productSpecHighlight .right .tabs li.last a ,#container.black #ProductHighlight .right .tabs li.last a { background:url(../images/bak_blk_tabs_right.png) no-repeat 100% 0; border-right:none } #container.black .productSpecHighlight .right .tabs li a:hover, #container.black #ProductHighlight .right .tabs li a:hover, #ProductHighlight .right .tabs li a.active , #container.black #ProductHighlight .right .tabs li a.active, body.pro .productSpecHighlight .right .tabs li a.active { color:#4D4D4D; background-position:0 -24px } #container.black .productSpecHighlight .right .tabs li.last a:hover, #container.black #ProductHighlight .right .tabs li.last a:hover, #container.black .productSpecHighlight .right .tabs li.last a.active, #container.black #ProductHighlight .right .tabs li.last a.active { color:#4D4D4D; background-position:100% -24px } /* My Epson */ body.myepson div.supportPanels{background:url(../images/myepson_home.jpg) top left no-repeat; height:200px; padding:158px 0 0 20px; margin-bottom:0; padding-bottom:30px;} body.myepson .supportPanels .supportPanel h2{margin-bottom:10px;} body.myepson .supportPanels .f_tooltip_text{margin-top:10px;} body.myepson .supportPanels .supportPanel .content{min-height:10em;} #MyEpson > .content{padding-bottom:10px;} #MyEpson h1.txtMainHeader{margin-bottom:10px; color:#db4d69;} #MyEpson h1.txtMainHeaderForMediaCentre{margin-bottom:10px; color:#4d4d4d;} #MyEpson .accessoriesModule h4, #MyEpson .faqModule h4{ text-transform:uppercase; border-bottom:1px #ccc dashed; font-size:1.4em; padding-bottom:10px; margin-bottom:20px;} #MyEpson .accessoriesModule h5{font-weight:bold; font-size:1.4em; margin-bottom:10px;} #MyEpson .accessoriesModule ul{border-bottom:1px #ccc dashed; padding-bottom:10px; margin-bottom:10px;} #MyEpson .accessoriesModule ul h4{border:0; font-size:1.2em; text-transform:none; margin-bottom:0; padding:0; margin-left:98px;} #MyEpson .accessoriesModule ul p{margin-left:98px; font-size:1em;} #MyEpson #TipsSection{float:left; width:580px;} #MyEpson #TipsSection .columnTips{float:left; width:280px; margin-right:13px; margin-bottom:0px; margin-top:20px;} #MyEpson #TipsSection .columnTips .content{padding:10px 12px;} #MyEpson #TipsSection .columnTips .imageContent{text-align:center; display:block; margin-bottom:10px;} #MyEpson #TipsSection .columnTips h4{font-size:1.4em;} #MyEpson #TipsSection .columnTips p{margin-bottom:0; padding-bottom:10px;} #MyEpson #TipsSection .last{margin-right:0;} #MyEpson #TipsSection a.buttonPlus{ margin-top:20px;} /* Tips Tricks Category */ body.myepson #ProductBrowserFilter{margin:0px -24px 20px -24px; padding-left:24px;} body.myepson #ProductBrowserFilter fieldset{padding-left:0; border:0;} body.myepson #ProductBrowserFilter .content{padding-bottom:10px;} .rowTips{margin-bottom:20px;} .rowTips .content{padding:10px 20px;} .rowTips .content img{margin-left:20px;} .rowTips .content h4{font-size:1.4em; font-family:Arial, Helvetica, sans-serif; padding:0;} .rowTips .content h3.summary{margin-bottom:5px; font-size:1.4em;} .rowTips .content p{font-size:1.2em; margin-right:270px; font-family:Verdana, Arial, Helvetica, sans-serif;} .rowTips a.learnMore{font-size:1em;} #MyEpson .faqModule h4{margin-bottom:10px;} #MyEpson .faqModule ul{overflow:hidden; margin-bottom:20px;} #MyEpson .faqModule ul li{border-top:1px #ccc dashed; margin-top:-1px;} #MyEpson .faqModule ul li a{font-size:0.9em; display:block;margin-bottom:8px; margin-top:8px;} /* Faq Detail Page */ #MyEpson .formSection {border-bottom:1px #ccc dashed; padding-bottom:20px; margin-bottom:20px;} #MyEpson .formSection label{text-transform:uppercase; font-size:1.1em;} #MyEpson dl.faqList{margin-right:240px; padding-bottom:10px;} #MyEpson dl.faqList dt{font-weight:bold; margin-bottom:15px; padding-top:10px;line-height:1.4em;} #MyEpson dl.faqList dd{margin-bottom:20px; line-height:1.4em;} body.myepson #container.t02 #HeroPane {min-height:250px;} /* Page Actions */ .pageActions { margin-bottom:15px; text-align:right } .pageActions .historyPrevious { float:left } .pageActions .imageEmail { margin-right:10px } /* Template #template */ #template *{margin: 0px; padding: 0px;text-align: left;} #template{ padding: 5px; color: #4D4D4D; font-family: Verdana, Arial; font-size: 11px;} #template img{ border-width: 0px; border-style: none;} #template .supspace{ line-height: 20px;} #template h1, #template h2, #template h3{ color: #4D4D4D; font-family: Arial; font-weight: bold;} #template h1{ font-size: 30px; margin: 5px 0 15px 0;} #template h2{ font-size: 22px; padding: 0px; margin: 5px 0 10px 0;} #template h3 {font-size: 16px; margin: 5px 0 10px 0;} #template ol h3 li, #template .bsolution ol h3 li{color: #4D4D4D; font-size: 16px; margin: 5px 0 10px 0px; padding-left: 0px;} #template h4{ color: #4D4D4D; font-family: Verdana, Arial; font-size: 12px; margin: 5px 0;} #template h5, #template h6{ color: #4D4D4D; font-family: Verdana, Arial; font-size: 11px; margin: 5px 0;} #template ol h4 li, #template .bsolution ol h4 li{ color: #4D4D4D; font-family: Verdana, Arial; font-size: 12px; margin: 5px 0 10px 0px; padding-left: 0px;} #template ol h5 li, #template .bsolution ol h5 li{ color: #4D4D4D; font-size: 11px; margin: 5px 0 10px 0px; padding-left: 0px;} #template input{ color: #00A9E0; font-weight: bold; font-family: Verdana, Arial; font-size: 11px; padding-left: 2px; text-align: center;} #toc ol, #toc ol ol, #toc ol ol ol, #toc ol ul, #explanation ol ol, #explanation ol ol ol, #relatesto ul ul, #toc ul, #explanation ul{color: #4D4D4D; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; padding-left: 15px;} #explanation, #productinfo, #solution, #reseller, #internal, #procedure { padding:10px 0;} #relatesto ul{ color: #4D4D4D; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; padding: 0 0 0 15px;} #relatesto ul li{ color: #4D4D4D; list-style-type: square; list-style-position: outside; font-size: 11px; font-family: Verdana, Arial; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px;} #relatesto ul ul li{ color: #4D4D4D; list-style-type: disc; list-style-position: outside; font-size: 11px; font-family: Verdana, Arial; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px;} #toc{padding:20px 0 10px 0;} #toc ul li, #explanation ul li, #explanation ol ul li, #template .bsolution ol ul li{ color: #4D4D4D; list-style-type: disc; list-style-position: outside; font-family: Verdana, Arial; font-size: 11px; padding-top: 0px;padding-right: 10px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px;} #explanation ol li{ color: #4D4D4D; list-style-type: decimal; list-style-position: outside; font-size: 11px; font-family: Verdana, Arial; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; margin-left: 0px;} #toc ol ol ol li, #explanation ol ol ol li, #procedure ol ol ol li{ color: #4D4D4D; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; list-style-type: lower-roman; list-style-position: outside;} #relatesto ol li{ color: #4D4D4D; list-style-type: square; list-style-position: outside; font-size: 11px; font-family: Verdana, Arial; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; margin-left: 0px;} #toc ol li{ color: #4D4D4D; list-style-type: decimal; list-style-position: outside; font-size: 11px; font-family: Verdana, Arial; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; margin-left: 0px;} #toc ol ol li, #explanation ol ol li, #procedure ol ol li{ color: #4D4D4D; list-style-type: lower-alpha; list-style-position: outside; font-size: 11px; font-family: Verdana, Arial; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; margin-left: 0px;} #toc ol ul li{ color: #4D4D4D; list-style-type: disc; list-style-position: outside; font-family: Verdana, Arial; font-size: 11px; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; margin-left: 0px;} #relatesto p, #authdate p, #explanation p, #toc p, #reseller p, #productinfo p, #internal p, #solution p, #procedure p, #level1 p, #level2 p, #level3 p, #spare1 p, #spare2 p, #spare3 p { color:#4D4D4D; font-family:Verdana,Arial; font-size:11px; line-height:14px; margin:0 0 10px;} #template table { border-bottom: none;} #template table caption, #template table caption p{ text-align: left; color: #4D4D4D; font-family: Verdana, Arial; font-size: 11px; margin: 5px 0;} #template table tbody th{ padding: 5px; color: #4D4D4D; font-family: Verdana, Arial; background-color: #D9E8F7; border-right: 1px solid #FFFFFF; font-size: 12px; text-align: center;} #template table tbody td{ padding: 5px; color: #4D4D4D; font-family: Verdana, Arial; background-color: #F2F7FC; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;} #template table tbody td{ color: #4D4D4D; font-size: 11px; font-family: Verdana, Arial; text-align: center;} #template table tbody tr td ol, #template table tbody tr td ul{ color: #4D4D4D; font-size: 11px; font-family: Verdana, Arial; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 20px; padding-left: 15px;} #template table tbody tr td ul li, #template table tbody tr td ol li, #template table tbody tr td ul li p, #template table tbody tr td ol li p{ color: #4D4D4D; font-size: 11px; font-family: Verdana, Arial; margin:0; padding-left: 0px;} #template table tbody tr td ul li{ list-style-type: disc; list-style-position: outside;} #template table tbody tr td ol li{ list-style-type: decimal; list-style-position: outside;} #template .btable tbody tr td ul li{ color: #4D4D4D; font-size: 11px; font-family: Verdana, Arial; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; list-style-type: disc; list-style-position: outside;} #template table tbody tr td ul ul li{color: #4D4D4D; list-style-type: square; list-style-position: outside;} #template .border, #template .borderleft{ border-width: 1px; border-spacing: 0px; border-style: solid; border-color: #D9D9D9; border-collapse: collapse; background-color: white; margin-top:20px;} #template .border th, #template .borderleft th { color: #4D4D4D; font-size: 11px; border-width: 1px; padding: 2px 10px 2px 10px; border-style: inset; border-color: #D9D9D9; background-color: white;} #template .border td { color: #4D4D4D; border-width: 1px; padding: 2px; border-style: inset; border-color: #D9D9D9; background-color: white;} #template .borderleft td { color: #4D4D4D; border-width: 1px; padding: 2px; border-style: inset; border-color: #D9D9D9; background-color: white; text-align: left;} #template .btable{ border-width: 0px; border-spacing: 0px; border-style: none; border-color: white; border-collapse: separate; background-color: white; background-color: #FFFFFF; text-align: left; color: #4D4D4D; font-size: 11px; font-family: Verdana, Arial;} #template .btable caption, #template .btable caption p { text-align: left; color: #4D4D4D; font-family: Verdana, Arial; font-size: 11px; margin: 5px 0; } #template .btable tbody th { background-color: #FFFFFF; text-align: left; vertical-align: top; color: #4D4D4D; font-size: 12px; font-family: Verdana, Arial; padding: 2px 0px 2px 0px;} #template .btable tbody td{ color: #4D4D4D; background-color: #FFFFFF; text-align: left; vertical-align: top;padding: 2px 0px 2px 0px;} /* BEGIN body.pro section - not for printing */ body.pro #template h1 { color: #FFF;} body.pro #template h2, body.pro #template h3, body.pro #template h4, body.pro #template h5{ color: #E4E4E4;} body.pro #relatesto p, body.pro #authdate p, body.pro #explanation p, body.pro #toc p, body.pro #reseller p, body.pro #productinfo p, body.pro #internal p, body.pro #solution p, body.pro #procedure p, body.pro #level1 p, body.pro #level2 p, body.pro #level3 p, body.pro #spare1 p, body.pro #spare2 p, body.pro #spare3 p{color:#E4E4E4;} body.pro #template a, body.pro #template a:visited {color:#7FD1F1;} body.pro #template a.glos, body.pro #template a.glos:hover, body.pro #template a.glos:visited { color: #F5A01A; font-weight: bold;} body.pro #template ol li, body.pro #template ul li, body.pro #template ol ol li, body.pro #template ul ul li, body.pro #template ol ol ol li, body.pro #template ul ul ul li, body.pro #template ol ul li, body.pro #template ul ol li{ color:#E4E4E4;} body.pro #template .btable tbody tr td ul li{color: #E4E4E4; font-size: 11px; font-family: Verdana, Arial; margin:0;padding-top: 0px; padding-right: 10px; padding-bottom: 2px; padding-left: 0px; list-style-type: disc; list-style-position: outside;} body.pro #template .btable{ border-width: 0px; border-spacing: 0px; border-style: none; border-color: white; border-collapse: separate; background-color: white; background-color: #333333; text-align: left; color: #E4E4E4; font-size: 11px; font-family: Verdana, Arial;} body.pro #template .btable caption, #template .btable caption p{ text-align: left; color: #E4E4E4; font-family: Verdana, Arial; font-size: 11px; margin: 5px 0; } body.pro #template .btable tbody th { background-color: #333333; text-align: left;vertical-align: top; color: #E4E4E4; font-size: 12px; font-family: Verdana, Arial; padding: 2px 0px 2px 0px;} body.pro #template .btable tbody td{ color: #E4E4E4; background-color: #333333; text-align: left; vertical-align: top; padding: 2px 0px 2px 0px; border-right: 1px solid #333333; border-bottom: 1px solid #333333;} /*index pages*/ #IndexContainer {margin-bottom:20px} #IndexContainer > .content { padding:10px 25px } #IndexContainer .indexContents {width:580px} #IndexContainer .introText { margin-bottom:10px; font-size:2em; color:#999 } #IndexContainer .txtLightLarge h4, #IndexContainer .txtLightLarge p{font-size:1em; line-height:1; margin-bottom:0;} /* keyword search */ .keywordSearch { margin-top:10px } .keywordSearchResult { padding:20px 0 0 0 } .keywordSearchResult p { font-family:Verdana, Arial, sans-serif.; font-size:1.2em; color:#4d4d4d } .keywordSearchResult ul { border-top:1px dashed #ccc; margin:20px 0 } #Container.black .keywordSearchResult ul { border-color:#999 } .keywordSearchResult ul li { padding:20px; border-bottom:1px dashed #ccc; } #Container.black .keywordSearchResult ul li { border-color:#999 } .keywordSearchResult ul li h4 { margin:5px 0} .keywordSearchResult ul li h4 a { font-family:arial; font-size:1.4em; font-weight:bold } .keywordSearchResult ul li p { margin:0; padding:0; line-height:1.2;color:#999999} .keywordSearchResult ul li img{ margin:0 10px } .genericRoundedGeyBox .content { padding-left:20px } .keywordSearchResult h4, .keywordSearchResult li p{font-size:1em;} .keywordSearchResult .txtDarkSmall{font-size:0.9em;} /* Forms */ .f_error_text { height:1.75em; font-size:1.2em; color:#ED1C24 } input.ft_text, textarea { padding:5px 5px; border:1px solid #e1e1e1; background:#fff url(../images/bak_textFields.gif) repeat-x 0 0 } input.fl_info_text { color:#bfbfbf } input.f_error { border:1px solid #ED1C24 } input:focus, textarea:focus { border-color:#00baf2 } label.fl_info { display:none } div.ft_radio { float:left; padding:10px 15px 0 0; } div.ft_radio_cf { float:none; } form.stdForm .formItem .fi_content .ft_radio input { margin-right:5px; } /* Tabs */ .categoryTabs { position:relative; top:1px } .categoryTabs ul.categoryNavigation { margin:0; margin-left:15px; } .categoryTabs ul.categoryNavigation li { float:left; font-size:0.9em; font-weight:bold; text-transform:uppercase; line-height:1; font-family:Arial, Helvetica, sans-serif;} .categoryTabs ul.categoryNavigation li + li { margin-left:5px } .categoryTabs ul.categoryNavigation li a { display:block; padding-right:5px; background:transparent url(../images/bak_TabsSelectedTR.png) no-repeat 100% 0; color:#00baf2 } .categoryTabs ul.categoryNavigation li a:focus { outline:0 } .categoryTabs ul.categoryNavigation li a:hover { text-decoration:none; background:transparent url(../images/bak_TabsHoverTR.png) no-repeat 100% 0; color:#00baf2 } .categoryTabs ul.categoryNavigation li a span { display:block; padding:8px 5px 8px 10px; background:url(../images/bak_TabsSelectedTL.png) no-repeat 0 0 } .categoryTabs ul.categoryNavigation li a:hover span{ background:transparent url(../images/bak_TabsHoverTL.png) no-repeat 0 0 } .categoryTabs ul.categoryNavigation li strong { display:block; padding-right:5px; background:transparent url(../images/bak_TabsTR.png) no-repeat 100% 0 } .categoryTabs ul.categoryNavigation li strong span { display:block; padding:8px 5px 8px 10px; background:transparent url(../images/bak_TabsTL.png) no-repeat 0 0 } .categoryTabs ul.categoryNavigation li span.categoryTitles { margin:0 0 0 10px; color:#4D4D4D; font-size:1.5em } .categoryTabs ul.categoryNavigation li a.buttonSmall { padding:0 2px 0 0; font-size:1em; font-weight:normal; text-transform:none; background:transparent url(../images/bak_btn_small_r.png) no-repeat 100% 0 } .categoryTabs ul.categoryNavigation li a.buttonSmall span { padding:4px 8px 4px 10px; background:transparent url(../images/bak_btn_small_normal_l.png) no-repeat 0 50% } /* Category Page */ .categoryTabs .tabContent { margin-top:2px; background:url(../images/bak_Catg.png) repeat-x bottom } .categoryTabs .tabContent .content { padding:15px 0 15px 15px; border:1px solid #e1e1e1; border-top:none; border-bottom:none } .categoryTabs .tabContent .content h1 { margin-bottom:15px } .categoryTabs .tabContent ul.categoryItems { } .categoryTabs .categoryItems li{ width:200px; height:30em; float:left; margin:0px 22px 30px 0px } .categoryTabs .categoryItems h5 { color:#00baf2; margin-bottom:7px; margin-left:10px; font-size:1.5em } .categoryTabs .categoryItems h5 a { color:#00baf2 } .categoryTabs .categoryItems li .categoryDescription { margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.3em } .categoryTabs .categoryItems li .categoryImage { width:200px; height:150px; position:relative; margin-bottom:10px } .categoryTabs .categoryItems li .categoryImage img { position:absolute; bottom:0px } /* search result category list */ .searchCategoryList { padding:15px 24px 22px; background:#fff url(../images/bak_filterbar.png) repeat-x 0 100% } .searchCategoryList h2 { float:left; margin:0; padding:0; margin-right:20px; font-size:1.6em;} .searchCategoryList ul { margin:0; padding:0; margin-top:0.2em; font-family:Verdana, Arial, sans-serif; font-size:1.1em } .searchCategoryList ul li { float:left } .searchCategoryList ul li + li { margin-left:20px } .searchCategoryList ul li a { color:#00BAF2 } .searchCategoryList ul li a:hover { text-decoration:underline } /* search result categories */ .searchResults { } .searchResultHeading { margin-bottom:15px; border-bottom:1px dashed #ccc } .searchResults .searchResultHeading h1, .searchResults .searchResultHeading p { margin-bottom:15px } .searchResults h1 span { font-size:0.533em } .searchResults .searchResultHeading p.txtLarge a { font-family:Verdana, Arial, sans-serif; font-size:0.55em } .searchResults p.info { margin-bottom:25px; font-size:2em; font-weight:normal } .searchResults .browseRange ul.browse li img { width:88px; height:66px } /* search result articlse */ ul.articleSearchResults { margin-bottom:30px } ul.articleSearchResults li + li { margin-top:25px } ul.articleSearchResults h3 { margin-bottom:5px; font-size:1.7em; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:1;} ul.articleSearchResults h4 { margin-bottom:5px; font-size:1.6em } ul.articleSearchResults p { margin-bottom:5px; font-size:1.2em; line-height:1.5 } .searchResults > .content { padding:15px 24px;} /* Contact forms */ #ContactForms .content{padding:20px;} #ContactForms form { margin-top:20px } /* FORMS */ form.stdForm { } form.stdForm h1 { margin-bottom:10px; font-size:3em; font-weight:normal } form.stdForm h2 { margin:30px 0 10px; font-size:1.6em } form.stdForm p { margin-top:10px; font-family:Verdana, Arial, sans-serif; font-size:1.1em } form.stdForm p .button { font-size:0.917em } form.stdForm div.formError { font-size:1.6em; color:#ED1C24 } form.stdForm fieldset { /* margin-top:15px; padding-top:15px; */ font-family:Verdana, Arial, sans-serif; /* border-top:1px solid #D9D9d9 */ } form.stdForm .formItem { margin-top:20px } form.stdForm .formItem:first-child { margin-top:0 } form.stdForm .fi4 { margin:10px 0 } form.stdForm .fi1 input { float:left } form.stdForm .fi2 input, form.stdForm .fi3 input, form.stdForm .fi4 input { display:block; float:left } form.stdForm .fi3 input { margin-top:8px } form.stdForm .formItem label, form.stdForm .formItem .label { padding-top:7px; font-size:1.2em; text-align:right } form.stdForm .formItem .label, form.stdForm .fi1 label { float:left; width:220px; margin-right:15px; font-weight:bold } form.stdForm .fi2 label, form.stdForm .fi4 label { margin-left:5px; text-align:left } form.stdForm .fi3 label { float:left; width:9.09em; margin:0 15px 10px 5px; text-align:left } form.stdForm .fi3 label.autoWidth { width:auto; min-width:9.09em } form.stdForm .formItem label span, form.stdForm .formItem .label span { color:#00baf2 } form.stdForm .formItem .fi_content { width:430px; margin-left:235px } form.stdForm .formItem .fi_content input, form.stdForm .formItem .fi_content textarea { font-size:1.2em; margin:0; } form.stdForm .formItem.f_error .fi_content input.ft_text { border:1px solid #ED1C24 } form.stdForm .formItem .fi_content p { clear:both; padding-top:5px; font-size:1.1em } form.stdForm .formItem .fi_content p.s_text { clear:none; margin:0; padding-top:7px; line-height:1.5 } form.stdForm .formItem .fi_content p .button { font-size:0.917em } form.stdForm .formItem .f_tooltip { clear:left; display:block; margin-top:5px } form.stdForm .formItem .f_error_text { margin-left:235px } form.stdForm .formButtons { margin-top:25px; padding:15px 235px; background-color:#f2f2f2; border-top:1px solid #e1e1e1 } form.stdForm .formButtons.left { padding-left:15px } form.stdForm .formButtons > * { margin-right:10px } form.stdForm input[type=hidden] {display:none} form.stdForm .formItem .fi_content #f_terms_conditions { width:500px; height:130px; margin-bottom:10px; padding:5px; font-size:1.2em; line-height:1.2; overflow:auto; border:1px solid #e4e4e4; background: #FFFFFF url(../images/bak_textFields.gif) repeat-x scroll 0 0 } form.popupForm {} form.popupForm h4 { margin:0; padding:0;margin-top:20px; font-size: 1.4em; } form.popupForm p { margin-top:10px; font-family:Verdana, Arial, sans-serif; font-size:1.2em } form.popupForm p.txtMedium { font-family:Arial, sans-serif; font-size:1.4em } form.popupForm ul.rating li { float:left } form.popupForm ul.rating li + li { margin-left:40px } form.popupForm div.formError { font-size:1.6em; color:#ED1C24 } form.popupForm .highlight { margin-top:20px; padding:10px; font-size:1.2em; border-bottom: 1px dashed #999 } form.popupForm fieldset { margin-top:15px; font-family:Verdana, Arial, sans-serif } form.popupForm .formItem { margin-bottom:10px; } form.popupForm .fi1 input { float:left;padding-top:7px;line-height:1.3em;} form.popupForm .fi2 input, form.popupForm .fi3 input { float:left } form.popupForm .fi3 input { margin-top:8px } form.popupForm .fi4 input { clear:both; float:left; margin-top:5px } form.popupForm .formItem label, form.popupForm .formItem .label { padding-top:7px; font-size:1.2em; text-align:right } form.popupForm .formItem .label, form.popupForm .fi1 label { float:left; width:180px; margin-right:15px; font-weight:bold } form.popupForm .fi2 label { margin-left:5px; text-align:left } form.popupForm .fi3 label { float:left; width:9.09em; margin:0 15px 10px 5px; text-align:left } form.popupForm .fi4 label { float:left; margin:5px 0 0 5px; padding:0; font-weight:normal; text-align:left } form.popupForm .formItem .label span, form.popupForm .formItem label span { color:#00baf2 } form.popupForm .formItem .fi_content {} form.popupForm .formItem .fi_content input, form.popupForm .formItem .fi_content textarea { font-size:1.2em; margin:0;} form.popupForm .formItem.f_error .fi_content input.ft_text { border:1px solid #ED1C24 } form.popupForm .formItem .fi_content p { clear:both; padding-top:5px; font-size:1.1em } form.popupForm .formItem .f_tooltip { clear:left; display:block; margin-top:5px } form.popupForm .formItem .f_error_text { margin-left:205px } form.popupForm .formButtons { padding:0 0 5px 00px } form.popupForm .formButtons > * { margin-right:10px } form.popupForm .formButtons a.button { margin-top:2px; } form.popupForm .formButtons a.button span { font-family:Arial,sans-serif; font-size:1.2em } form.popupForm .fi_content p {margin-top:0 } .f_error_text { min-height:1.75em; font-size:1.2em; font-weight:bold; color:#ED1C24 } input.ft_text, textarea { padding:5px 5px; border:1px solid #e1e1e1; background:#fff url(../images/bak_textFields.gif) repeat-x 0 0 } input.ft_text.disabled { padding:6px 0 0 0; background:none; border-color:#fff; color:#4D4D4D } input.fl_info_text { color:#bfbfbf } input.f_error { border:1px solid #ED1C24 } input:focus, textarea:focus { border-color:#00baf2 } input.ft_text.disabled:focus { border-color:#D9D9D9 } label.fl_info { display:none } /* Popups */ /* #Popup { top:20px !important;} */ #PopupBackground { position:fixed; top:0; left:0; width:100%; height:100%; background:transparent url(../images/tsp_black_60.png) repeat 0 0; z-index:988 } /* generic popup (should inherit off genericRoundedCorners for bottom too) */ .genericPopup { width:575px; color:#4D4D4D } .genericPopup .header { position:relative; padding-right:10px; color:#4d4d4d; background:transparent url(../images/bak_popup_header_right.png) no-repeat 100% 0 } .genericPopup .headerContent { height:20px; padding:10px 0 10px 10px; background:transparent url(../images/bak_popup_header_left.png) no-repeat 0 0; overflow:hidden; } .genericPopup .header p { float:left; font-size:2em; padding:0; margin:0; line-height:normal;} .genericPopup .header .closeButton { position:absolute; top:7px; right:12px } .genericPopup .header .closeButton a { display:block } .genericPopup .header .backButton { float:left; margin-right:10px } .genericPopup .content { padding:10px; min-height:80px; background-color:#fff; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; overflow:hidden; clear:both;} .genericPopup .content.genericPopupLoader { background-image:url(../images/ani_loader_normal.gif); background-position:50% 50%; background-repeat:no-repeat } /* Where to Buy Section */ ul.popupGenericList { height:1%; margin:0; } ul.popupGenericList li { padding:10px; border-top:1px dashed #ccc } #Container.black ul.popupGenericList li { border-color:#999 } ul.popupGenericList li:first-child { border-top:none; font-size:0.8em; } ul.popupGenericList li h4 { float:left; width:150px; font-size:1.6em; font-weight:bold; color:#999999 } ul.popupGenericList li .alertNotificationPopup h4 { float:none; width:auto; font-size:1.2em; font-weight:normal; color:#4D4D4D } #Container.black ul.popupGenericList li h4 { color:#ccc } #Container.black ul.popupGenericList li .alertNotificationPopup h4 { color:#4D4D4D } ul.popupGenericList li .popupGenericListItem { margin-left: 160px; margin-top:-25px;} ul.popupGenericList li label{font-size:1.1em; display:block; padding-bottom:5px; padding-top:25px;} ul.popupGenericList a.button{margin-left:5px;} ul.popupGenericList li select{ padding:1px;} /* Listing Table */ table.locationList{margin-top:10px; margin-bottom:0px; font-size:1.2em; font-family: Arial, Helvetica, sans-serif; width:100%;} table.locationList col.companyName{width:30%;} table.locationList col.contactNo{width:20%;} table.locationList col.faxNo{width:15%;} table.locationList col.companyAddress{width:40%;} table.locationList th{ padding:8px 10px 7px 10px; text-align:left; background:#f1f1f1; line-height:1.5; border-bottom:1px #e0e0e0 solid;} table.locationList td{padding:10px 10px; line-height:1.4em;} table.locationList tr.alt td{background:#f8f8f8;} table.locationList a.viewLocationMap{display:block; margin-top:5px;} .locationWrapper{height:278px; overflow:auto; margin-bottom:10px;} /* support landing Structure */ #ProductSupport > .content { padding:15px 24px } #ProductSupport p.txtMediumLarge{margin-bottom:0; line-height:1;} .supportPanels .findProductSupport .formButtons{margin:10px 0 10px 0;} .supportPanels .findProductSupport .formButtons input{ height:2.583em; padding:6px 0 10px 10px; width:auto; font-size:1.2em; margin-bottom:0;} #ProductSupport .supportPanels .supportPanel .content { min-height:16.5em; /*overflow:auto*/ } /* Promo Link */ p.promoLink{float:right; font-size:1em; margin-top:18px;} /* Search Filter */ #ProductBrowser .productBrowserFilters h2, #ProductBrowser .productBrowserFilters2 h2{float:none; margin-bottom:10px; padding:0;} #ProductBrowser .productBrowserFilters label, #ProductBrowser .productBrowserFilters2 label{padding-right:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;} #ProductBrowser .productBrowserFilters p a.button, #ProductBrowser .productBrowserFilters2 p a.button{font-size:10px;} #ProductBrowser .productBrowserFilters ul li+li{margin:0;} #ProductBrowser .productBrowserFilters fieldset{display:block; padding:0; border:0;} #ProductBrowser .productBrowserFilters p{display:block;} #ProductBrowser .productBrowserFilters p label{display:inline; text-transform:none; vertical-align:middle; margin-left:2px} #ProductBrowser .productBrowserFilters {padding:0; background:none; position:relative;} #ProductBrowser .productBrowserFilters .browseRadios{border:none; padding:10px 0 0px 113px; height:auto; width:100% !important;} #ProductBrowser .productBrowserFilters .searchField input{width:190px; margin-right:10px; vertical-align:middle;} /* Search Only */ #ProductBrowser .productBrowserFilters .searchOnlyFilter{position:absolute; right:20px; top:20px; font-family:Verdana, Arial, Helvetica, sans-serif;} #ProductBrowser .productBrowserFilters .searchOnlyFilter p{font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px 0;} #ProductBrowser .productBrowserFilters .searchOnlyFilter label{display:inline; text-transform:none; vertical-align:middle;} #ProductBrowser .productBrowserFilters .searchOnlyFilter input{margin:0; vertical-align:middle;} /* Second Search */ .searchResults .SearchWrapper{margin:-15px -24px 15px -24px;} /* Form Enquiry*/ form.stdForm .init_enquiry_box {display:none;} form.stdForm .hidethis{display:none;} form.stdForm .formItem .formItem label.sub_label{margin-left:175px;} form.stdForm .formItem .formItem label.sub_normal{font-weight:normal;} form.stdForm .formItem .formItem .fi_content ul {padding-top:5px;} form.stdForm .formItem .formItem .fi_content ul li{padding-top:5px;} div.ft_radio span{font-weight:bold;} div.ft_ckradio {padding-top:0;} #f_address2 {margin-top:5px;} form.stdForm .formButtons {background-color:#FFFFFF;border-top:0 none;} /*form.stdForm .formItem .formItem label{float:none;} form.stdForm .formItem .formItem span.numbering{font-weight:bold;font-size:1.2em;padding-right:15px;} form.stdForm .formItem .formItem .fi_content {margin-left:30px;margin-top:5px;}*/ form.stdForm .formItem .fi_content_404 { margin-left:0; margin-bottom:40px;} .content .divider_404{ margin-bottom:10px; border-top:1px solid #E1E1E1; margin-right:15px;} /* Item Badges */ #ProductList ul.itemBadges{position:absolute; top:0; right:0; margin:0;} #ProductList ul.itemBadges li{float:right; width:auto; padding-left:5px} /* Addthis buttons */ #addThisBtn{padding-right:4px;} #addThisBtn a{margin-left:4px;} #addThisBtn .addthis_button_compact span {margin:-4px 4px -4px 0 !important; position:relative;} #addThisBtn .addthis_button_compact{position:relative; top:4px;} /* mods vinay@qais 30 July 2010 */ #ProductList ul.productItemList h3{ margin-bottom:10px;} *html #ProductHighlight .left a.buttonBlue span, *html .buttonBlue span{margin-right:-1px;} /* ---------------------------- ADDED BY INTERUPTIVE ---------------------------------- */ /* ---------- tab navigation ---------- */ #barDownload { position:relative; height:5.5em; text-align:center } ul#tabNavi { height:39px; list-style:none; background-image:url(/assets/css/images/tab_divider.gif); margin:0; padding:0; } ul#tabNavi a { background: #fff url(/assets/css/images/tab.gif); margin:0; padding:0 0 0 20px; display:inline-block; height:39px; text-decoration:none; font-size:14px; line-height:39px; text-align:center; font-weight:bold; } ul#tabNavi li { float:left; margin:0; } ul#tabNavi span { background: url(/assets/css/images/tab.gif) 100% 0; display: block; line-height: 39px; padding: 0 20px 0 0; min-width:20px; } ul#tabNavi a:hover span { text-decoration:underline; } ul#tabNavi li.selected a { background-position:0 -39px; } ul#tabNavi li.selected span { background-position:100% -39px; } /* ---------- end tab navigation ---------- */ /*ARTICLE (NO IMAGES) */ #holder { width:90%; } #ArticlePagination1 { display:block; width:255px; height:100px; } #ArticlePagination1 li{ float:left; } #ArticlePagination1 li.previous { width: 24px; height: 22px; background: #fff url(images/bak_pagination_previous.png) no-repeat 0 0; text-indent: -9999px; padding: 0; margin-top:8px; } #ArticlePagination1 li.next { width: 24px; height: 22px; background: #fff url(images/bak_pagination_next.png) no-repeat 0 0; text-indent: -9999px; padding: 0; margin-top:8px; } #ArticlePagination1 li.next a,#ArticlePagination1 li.previous a{ display: block; float: left; margin-right:width: 10px; padding-left: 10px;padding-right:10px;padding-top:10px; font-family:Arial,Helvetica,sans-serif; font-size: 12px; text-align: center} #ArticlePagination1 li.page {background: #fff url(images/pagination_pagebg.gif) no-repeat 0 0;width:29px; height: 37px; padding: 0;margin-right: 10px;} #ArticlePagination1 li.current {width: 10px; height: 22px; font-size:15px; padding: 10px;text-align: center;} #ArticlePagination1 li.all {background: #fff url(images/pagination_showall.gif) no-repeat 0 0;margin-top:8px; margin-left:10px;width: 84px; height: 22px; font-size:15px; padding: 10px;text-align: center;text-indent: -9999px;} .articleBox { border-top:dashed #CCCCCC 1px; display:block; width:100%; height:auto; padding:10px; } .articleBox .date { font-size:11px; color:#4d4d4d; margin-bottom:8px; } .articleBox .headTitle a { font-size:16px; color:#00baf2; text-transform:uppercase; line-height:21px; font-weight:bold; } .articleBox .description { margin-top:8px; margin-bottom:10px; font-size:12px; color:#999999; } .paginationCenter td { width:70%; text-align:center; } /* EVENTS (WITH IMAGES) */ #events { width:90%; } #events h1{ font-size:20px; color:#999999; } #events #topBar { display:block; clear:both; margin-top:10px; } #events #ArticlePagination1 { margin-right:0; } #events .categories { color:#00baf2; font-size:16px; font-weight:bold; float:left; } #events #nowShowing { margin-bottom:10px; font-size:12px; } .eventBox { border-top:dashed #CCCCCC 1px; display:block; width:100%; float:left; } .eventBox .container{ width:90%; margin-top:30px; margin-left:20px; /*float:left;*/ } .eventBox .date { font-size:11px; color:#4d4d4d; margin-bottom:8px; } .eventBox h3 a { font-size:16px; color:#00baf2; text-transform:uppercase; line-height:21px; } .eventBox .description { margin-top:8px; margin-bottom:30px; font-size:12px; color:#999999; width:100%; } .eventBox .thumbImage { /*width:148px;*/ float:left; margin-right:15px; } #sideMenu { border:1px solid #DDDDDD; float:left; margin-top:30px; width:20%;; } #sideMenu .level1 li.level1 { font-size:12px; text-transform:uppercase; font-weight:bold; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #CCCCCC; padding:10px; } #sideMenu .level1 li.end { border-bottom:none; } #sideMenu .level2 li,#sideMenu .level2 li a { font-size:11px; text-transform:uppercase; font-weight:bold; text-indent:0px; list-style-image:url(images/list-arrow.png); list-style-position:inside; line-height:20px; padding:0; padding-left: 4px; } #sideMenu .level1 .level2 .level3 li,#sideMenu .level1 .level2 .level3 li a { font-size:11px; text-transform:uppercase; font-weight:normal; text-indent:0px; list-style-image:url(images/list-arrow.png); list-style-position:inside; line-height:20px; padding-left: 4px; } #sideMenu .level1 a.selected,#sideMenu .level1 a.selected,#sideMenu .level1 a.selected { color:#000000; } /* -------------- GALLERY 2 BOXES ---------------- */ #gallery2boxes h3 { text-transform:uppercase; font-size:17px; font-weight:bold; color:#666666; margin-bottom:10px; } #gallery2boxes { width:100%; font-size:12px; } #gallery2boxes #ArticlePagination1 { margin-left:0; margin-top:10px; } #gallery2boxes .productHolder { width:340px; height:229px; background-image:url(images/galleryBg.gif); background-repeat:no-repeat; float:left; margin-right:10px; margin-bottom:10px; } #gallery2boxes .product { padding:10px; font-size:11px; } #gallery2boxes .productName { font-size:14px; font-weight:bold; display:block; } /* -------------- GALLERY 2 BOXES ---------------- */ #gallery3boxes h3 { text-transform:uppercase; font-size:17px; font-weight:bold; color:#666666; margin-bottom:10px; } #gallery3boxes { width:78%; font-size:12px; float:right; margin-top:10px; } #gallery3boxes #barDownload { width:400; float:center; font-size:10px; } #gallery3boxes #btnDownload { float:right; font-size:10px; } #gallery3boxes #ArticlePagination1 { margin-left:0; margin-top:10px; } #gallery3boxes .productHolder { width:221px; height:254px; background-image:url(images/gallerySmallBg.gif); background-repeat:no-repeat; float:left; margin-right:8px; margin-bottom:10px; } #gallery3boxes .product { padding:10px; font-size:11px; } #gallery3boxes .product img { border:0px solid #c0c0c0; margin-bottom:10px; } #gallery3boxes .product img:hover { border:1px solid #c0c0c0; margin-bottom:10px; } #gallery3boxes .productName { font-size:14px; font-weight:bold; display:block; } #gallery3boxes ul.productList { margin-bottom:20px; } #btnDownload .fileInfo { float:left; line-height:24px; font-size:12px; } #btnDownload .download_tandc { float:right; line-height:24px; font-size:12px; } #barDownload { width:600px; float:center; font-size:10px; } /* table in the specification page */ .specTable{ border: 1px solid #808080; } .specTable tbody tr th{ padding:10px; } .specTable tbody tr td{ padding:10px; font-size:12px; line-height:16px; } .specTable tbody tr td blockquote, .specTable tbody tr td p{ font-size:12px } .specTable tbody tr td blockquote{ margin-left:30px } .specTable tbody tr,.specTable tbody td, .specTable tbody th{ border: 1px solid #808080; } /*flash carousel */ .carouselcontainer .bx-pager a{ background: url(images/flash_carousel/greybutton.png) no-repeat; } .carouselcontainer .bx-pager a.pager-active{ background: url(images/flash_carousel/bluebutton.png) no-repeat; } /* Share button Fix */ #footer #addThisBtn{position:absolute; z-index:1; right:10px; top:1px;} #footer .genericRoundedCorners .content{position:relative; min-height:17px;} *html #footer .genericRoundedCorners .content{height:17px;} #footer .genericRoundedCorners .bottom{clear:both;} /*store locator, where to buy added on 24June2014*/ form#_webEnquiries label { float: left; font-weight: bold; margin-right: 15px; width: 100px; margin-top: 5px; } form#_webEnquiries input[type="text"], form#_webEnquiries strong{ margin-top: 5px; } form#_webEnquiries textarea{ border:1px solid #999;width:150px;margin-top:5px;font-size:12px;font-family:Arial, Helvetica, sans-serif}